The frontend/UI server, written in JS using the MarkoJS library
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

155 lines
4.2 KiB

body.theme-story {
.color-menu {
color: #789;
}
.menu-link.selected {
background-color: rgba(17, 187, 255, 0.125);
}
.menu-link:hover, .menu > .head-menu > a:hover {
background-color: rgba(17, 187, 255, 0.25);
}
.color-primary, button, input:focus, textarea:focus, select:focus, .modal h1, .modal h2, .modal label, .markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4, .markdown-content hr, .markdown-content a {
color: #4BF;
}
.color-text, input, textarea, select {
color: #ABC;
}
.color-highlight-primary {
background-color: rgba(34, 187, 255, 0.25);
color: #4BF;
}
.color-highlight-dark {
background-color: rgba(0, 4, 9, 0.75);
}
}
body.theme-logs {
.color-menu {
color: #776;
}
.menu-link.selected {
background-color: rgba(255, 183, 0, 0.226);
}
.menu-link:hover, .Menu > .head-menu > a:hover {
background-color: rgba(255, 187, 17, 0.25);
}
.color-primary, button, input:focus, textarea:focus, select:focus, .modal h1, .modal h2, .modal label, .markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4, .markdown-content hr, .markdown-content a {
color: #DA1;
}
.color-text, input, textarea, select {
color: #BBB;
}
.color-highlight-dark {
background-color: rgba(9, 4, 0, 0.75);
}
.color-highlight-primary {
background-color: rgba(255, 187, 17, 0.25);
color: #DA1;
}
}
.theme-mapp {
.color-menu {
color: #898;
}
.menu-link.selected {
background-color: rgba(35, 255, 128, 0.125);
}
.menu-link:hover, .menu > .head-menu > a:hover {
background-color: rgba(35, 255, 128, 0.25);
}
.color-primary, button, input:focus, textarea:focus, select:focus, .modal h1, .modal h2, .modal label, .markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4, .markdown-content hr, .markdown-content a {
color: #1F8;
}
.color-text, input, textarea, select {
color: #ACB;
}
}
body.theme-data {
.color-menu {
color: #775;
}
.menu-link.selected {
background-color: rgba(204, 204, 34, 0.226);
}
.menu-link:hover, .Menu > .head-menu > a:hover {
background-color: rgba(204, 204, 34, 0.25);
}
.color-primary, button, input:focus, textarea:focus, select:focus, .modal h1, .modal h2, .modal label, .markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4, .markdown-content hr, .markdown-content a {
color: #CC2;
}
.color-text, input, textarea, select {
color: #BBB;
}
.color-highlight-dark {
background-color: rgba(8, 4, 0, 0.75);
}
.color-highlight-primary {
background-color: rgba(204, 204, 34, 0.25);
color: #CC2;
}
}
div.markdown-content .orange, body.theme-logs .color-blockquote, body.theme-logs div.markdown-content blockquote, body.theme-logs div.markdown-content table, body.theme-logs div.markdown-content pre {
background-color: rgba(221, 170, 17, 0.125);
color: #DA1;
h1, h2, h3 {
color: #DA1;
}
}
div.markdown-content .blue, body.theme-story .color-blockquote, body.theme-story div.markdown-content blockquote, body.theme-story div.markdown-content table, body.theme-story div.markdown-content pre {
background-color: rgba(34, 187, 255, 0.125);
color: #4BF;
h1, h2, h3 {
color: #4BF; //
}
}
div.markdown-content .green, body.theme-mapp .color-blockquote, body.theme-mapp div.markdown-content blockquote, body.theme-mapp div.markdown-content table, body.theme-mapp div.markdown-content pre {
background-color: rgba(17,255,136, 0.125);
color: #1F8;
h1, h2, h3 {
color: #1F8;
}
}
div.markdown-content .yellow, body.theme-data div.markdown-content blockquote, body.theme-data div.markdown-content table, body.theme-data div.markdown-content pre {
background-color: rgba(204, 204, 34, 0.25);
color: #CC2;
h1, h2, h3 {
color: #CC2;
}
}
/* Tag colors */
.color-tag-event {
color: #B77;
}
.color-tag-location {
color: #7B7;
}
.color-tag-organization {
color: #B7B;
}
.color-tag-series {
color: #BB7;
}
.color-tag-character {
color: #37B;
}
/* Danger */
.color-danger {
color: #FA3;
}
.color-error {
color: #D20;
}
.menu-link:hover, .menu-link:hover .text, .menu > .head-menu > a:hover {
color: #EEE !important;
}