Redmine-Theme/stylesheets/application.css

@import url(../../../stylesheets/application.css);
@import url("https://www.nerdfonts.com/assets/css/webfont.css");

@font-face {
  font-family: "GitLab Sans";
  src: url("../fonts/GitLabSans.otf");
}

@font-face {
  font-family: "JetBrains Mono";
  src: url("../fonts/JetBrainsMono-Regular.woff2");
}

:root {
  --base03:    #002b36;
  --base02:    #073642;
  --base01:    #586e75;
  --base00:    #657b83;
  --base0:     #839496;
  --base1:     #93a1a1;
  --base2:     #f6f6f6;
  --base3:     #eee;
  --yellow:    #b58900;
  --orange:    #cb4b16;
  --red:       #dc322f;
  --magenta:   #d33682;
  --violet:    #6c71c4;
  --blue:      #268bd2;
  --cyan:      #2aa198;
  --green:     #859900;
}

#top-menu {
  padding: 1em;
  background: var(--base03);
}

#header {
  background: #3b80b0 url(../images/logo.png) no-repeat 2px;
  background-size: 90px;
  background-position: 20px 10px;
  padding: 0 2em 0 130px;
  margin: 0;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  min-height: 9em;
}

#header >h1 {
  height: 100%;
  flex-grow: 1;
  font-size: 2.6em;
  font-family: "GitLab Sans", sans-serif;
  font-weight: bolder;
  color: var(--base2);
}

body {
  font-size: 1em;
  font-family: "GitLab Sans", sans-serif;
}

#content {
  padding: 2em;
  background: var(--base3);
}

#history .tabs {
  background: var(--base3);
}

.box, div.issue, div.job, #sidebar, #history, #content .tabs ui li a.selected {
  background-color: var(--base2) !important;
}

.subject > div > div, div.issue div.subject div div {
  padding-left: 0;
}

.subject h3 {
  font-size: 1.5em;
  clear: both;
}

a:link, a:visited {
  color: var(--base03);
  text-decoration: underline;
}
a:hover, a:active {
  color: var(--red);
}

#top-menu a, th a:link, a.root, #header a {
  text-decoration: none;
}

#main-menu li a {
  font-weight: normal;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: var(--base3);
  margin: 0 .25em;
  background-color: var(--base2);
  color: var(--base01);
}

#main-menu li a.new-object {
  background-color: var(--base03);
  color: var(--base2);
}

#main-menu li a.selected {
  background-color: var(--base3);
  font-weight: bold;
  color: var(--base02);
}
#main-menu li a:hover {
  background-color: var(--base3);
  color: var(--base02);
}

table td {
  padding: .5em;
}

table.filecontent tbody,
table.filecontent td.line-code div,
table.filecontent td.line-code pre {
  font-family: "JetBrains Mono", monospace !important;
}

#top-menu .administration::before {
  content: "⚙ ";
}
#top-menu .projects::before {
  content: "🌱 ";
}
#top-menu .my-page::before {
  content: "👤 ";
}
#topmenu .home::before {
  content: "🏠 ";
}
#main-menu .projects::before {
  content: "🌱 ";
}
#main-menu .overview::before {
  content: "👀 ";
}
#main-menu .activity::before {
  content: "👣 ";
}
#main-menu .issues::before {
  content: "🚩 ";
}
#main-menu .jobs::before {
  content: "🪙 ";
}
#main-menu .time-entries::before {
  content: "⏳ ";
}
#main-menu .gantt::before {
  content: "📊 ";
}
#main-menu .calendar::before {
  content: "📅 ";
}
#main-menu .news::before {
  content: "📰 ";
}
#main-menu .documents::before {
  content: "📄 ";
}
#main-menu .wiki::before {
  content: "📝 ";
}
#main-menu .files::before {
  content: "📁 ";
}
#main-menu .settings::before {
  content: "⚙ ";
}
#main-menu .repository::before {
  content: "💻 ";
}
#main-menu .roadmap::before {
  content: "🚙 ";
}
#main-menu .boards::before {
  content: "💬 ";
}

svg.header-logo {
  display: none;
}

table.list td.priority, table.list td.tracker, table.list td.status {
  text-align: left;
}

table.list tr {
  text-align: left;
}

tr.priority-1 td.priority::before {
  content: "🔵 ";
  border-radius: 1em;
}
tr.priority-2 td.priority::before {
  content: "🟢 ";
}
tr.priority-3 td.priority::before {
  content: "🟣 ";
}
tr.priority-4 td.priority::before {
  content: "🟡 ";
}
tr.priority-5 td.priority::before {
  content: "🔴 ";
}

td.status {
  display: inline-block;
  padding: .25em;
  margin: .7em;
  border-radius: .25em;
  font-weight: bold;
  color: var(--base2);
}
/* New */
tr.status-1 td.status {
  background-color: var(--green);
}
tr.status-1 td.status::before {
  content: "🌅 ";
}
/* In Progress */
tr.status-2 td.status {
  background-color: var(--blue);
}
tr.status-2 td.status::before {
  content: "▶ ";
}
/* Resolved */
tr.status-3 td.status {
  background-color: var(--cyan);
}
tr.status-3 td.status::before {
  content: "✅ ";
}
/* UAT */
tr.status-4 td.status {
  background-color: var(--yellow);
}
tr.status-4 td.status::before {
  content: "🔍 ";
}
/* Closed */
tr.status-5 td.status {
  background-color: var(--orange);
}
tr.status-5 td.status::before {
  content: " ";
}
/* Rejected */
tr.status-6 td.status {
  background-color: var(--violet);
}
tr.status-6 td.status::before {
  content: "❌ ";
}

/* Bug */
tr.tracker-1 td.tracker::before {
  content: "🪲 ";
}
/* Feature */
tr.tracker-2 td.tracker::before {
  content: "💡 ";
}
/* Support */
tr.tracker-3 td.tracker::before {
  content: "🧯 ";
}
/* Theme */
tr.tracker-5 td.tracker::before {
  content: "📖 ";
}
/* Maintenance */
tr.tracker-8 td.tracker::before {
  content: "🛠 ";
}

/* Forums */
div.reply:nth-child(even) {
  background-color: var(--base3);
}
div.reply:nth-child(odd) {
  background-color: var(--base2);
}
div.reply {
  border-bottom: 1px dashed var(--base00);
}


/* Projects */
#projects-index li.root ul.projects {
  border: none;
}
#projects-index ul.projects div.description {
  display: none;
}
a.project {
  text-decoration: none;
}
a.parent:not(.root)::before {
  content: "🤝 ";
}
a.parent:not(.root) {
  font-weight: bold;
}
a.child.leaf::before {
  content: "🌱 ";
}
li.root {
  background-color: var(--base2);
}


/* Wiki */
a.wiki-anchor {
  display: inline;
  opacity: 0%;
}
h1:hover a.wiki-anchor, h2:hover a.wiki-anchor, h3:hover a.wiki-anchor {
  opacity: 100%;
  color: #ddd;
}
.wiki h1 {font-size: 1.5rem;}
.wiki h2 {font-size: 1.2rem;}
.wiki h3 {font-size: 1.1rem;}
.wiki h4 {font-size: 1.1rem; border: none; font-weight: bold;}
.wiki h5 {font-size: 1rem;}
.wiki h6 {font-size: 1rem; color: #8e8e8e;}