201 lines
6.9 KiB
SCSS
201 lines
6.9 KiB
SCSS
$fg-font-color: black;
|
|
|
|
$vars: (
|
|
fg-font-color: $fg-font-color,
|
|
|
|
// Default theme colors in case the assets.css is busted
|
|
theme-color: #666,
|
|
theme-color-dim: #aaa,
|
|
theme-color-dimmer: #bbb,
|
|
theme-color-dimmest: #ccc,
|
|
|
|
theme-color-dark: #666,
|
|
theme-color-light: #666,
|
|
|
|
link-color: #666,
|
|
link-border-color: #666,
|
|
|
|
hr-color: #444,
|
|
|
|
main-background-color: #fff,
|
|
main-color: black,
|
|
dim-color: #333,
|
|
dimmer-color: #999,
|
|
dimmest-color: #bbb,
|
|
|
|
menu-bottom-border-color: black,
|
|
|
|
login-popup-background: #fbfbfb,
|
|
|
|
content-background: #f8f8f8,
|
|
content-background-transparent: rgba(#f8f8f8, 0),
|
|
dim-background: #f0f0f0,
|
|
dim-background-transparent: rgba(#f0f0f0, 0),
|
|
|
|
text-background: #f9f9f9,
|
|
spoiler-border: #aaa,
|
|
|
|
background-even-background: #f8f8f8,
|
|
|
|
project-card-border-color: #aaa,
|
|
project-user-suggestions-background: #fff,
|
|
project-user-suggestions-border-color: #ddd,
|
|
|
|
notice-text-color: #fff,
|
|
notice-unapproved-color: #b42222,
|
|
notice-hidden-color: #b6b6b6,
|
|
notice-hiatus-color: #aa7d30,
|
|
notice-dead-color: #b42222,
|
|
notice-lts-color: #43a52f,
|
|
notice-lts-reqd-color: #aa7d30,
|
|
notice-success-color: #43a52f,
|
|
notice-warn-color: #aa7d30,
|
|
notice-failure-color: #b42222,
|
|
|
|
optionbar-border-color: #ccc,
|
|
|
|
tab-background: #fff,
|
|
tab-border-color: #d8d8d8,
|
|
tab-button-background: #dfdfdf,
|
|
tab-button-background-hover: #efefef,
|
|
tab-button-background-current: #fff,
|
|
|
|
form-check-background: #fafafc,
|
|
form-check-border-color: #999,
|
|
form-check-border-color-hover: #4c9ed9,
|
|
form-text-background: #fff,
|
|
form-text-background-active: #fafafc,
|
|
form-text-border-color: #999,
|
|
form-text-border-color-active: #4c9ed9,
|
|
form-button-color: $fg-font-color,
|
|
form-button-color-active: #4c9ed9,
|
|
form-button-background: #fff,
|
|
form-button-background-active: #f2f2f2,
|
|
form-button-border-color: #ccc,
|
|
form-button-inline-border-color: #999,
|
|
form-error-color: #c61d24,
|
|
|
|
landing-search-background: #f8f8f8,
|
|
landing-search-background-hover: #fefeff,
|
|
|
|
editor-toolbar-background: #fff,
|
|
editor-toolbar-border-color: transparent,
|
|
editor-toolbar-button-background: transparent,
|
|
editor-toolbar-button-background-hover: #ddd,
|
|
editor-toolbar-button-border-color: #ccc,
|
|
|
|
post-blockquote-border-color: #ddd,
|
|
|
|
forum-even-background: #f0f0f0,
|
|
forum-thread-read-color: #555,
|
|
forum-thread-read-link-color: #888,
|
|
forum-post-author-color: #333,
|
|
forum-diff-source-background: #fff,
|
|
forum-diff-source-border-color: #999,
|
|
forum-diff-replace-background: #adcef4,
|
|
forum-diff-replace-border-color: #4787d1,
|
|
forum-diff-delete-background: #e57979,
|
|
forum-diff-delete-border-color: #c12626,
|
|
forum-diff-insert-background: #96e579,
|
|
forum-diff-insert-border-color: #5baa3f,
|
|
|
|
card-background: #e8e8e8,
|
|
card-background-hover: #f0f0f0,
|
|
|
|
timeline-content-background: rgba(0, 0, 0, 0.2),
|
|
|
|
irc-border-color: #ddd,
|
|
irc-tab-current-shadow: 0px 0px 5px #bbb inset,
|
|
irc-tab-close-button-color: #fff,
|
|
irc-tab-close-button-background: #aaa,
|
|
irc-nick-border-color: #ccc,
|
|
irc-users-color: $fg-font-color,
|
|
irc-users-background: #fff,
|
|
irc-users-border-color: #ccc,
|
|
irc-users-popout-background: #fff,
|
|
irc-users-popout-border-color-left: #bbb,
|
|
irc-users-popout-border-color-right: #ccc,
|
|
|
|
code-line-number-color: #777,
|
|
|
|
library-star-btn-background: #fff,
|
|
library-star-btn-border-color: #999,
|
|
library-star-btn-a-border-color: #aaa,
|
|
library-star-btn-a-hover-background: #fafafa,
|
|
);
|
|
|
|
// code styles
|
|
|
|
// see: https://github.com/richleland/pygments-css/blob/master/monokai.css
|
|
// .hmn-code is Go codebase, .codeblock is old Python
|
|
pre, code, .codeblock {
|
|
.hll { background-color: #ffffcc }
|
|
.c { color: #60a0b0; font-style: italic } /* Comment */
|
|
.err { color: #FF0000 } /* Error */
|
|
.k { color: #007020; font-weight: bold } /* Keyword */
|
|
.o { color: #666666 } /* Operator */
|
|
.cm { color: #60a0b0; font-style: italic } /* Comment.Multiline */
|
|
.cp { color: #007020 } /* Comment.Preproc */
|
|
.c1 { color: #60a0b0; font-style: italic } /* Comment.Single */
|
|
.cs { color: #60a0b0; background-color: #fff0f0 } /* Comment.Special */
|
|
.gd { color: #A00000 } /* Generic.Deleted */
|
|
.ge { font-style: italic } /* Generic.Emph */
|
|
.gr { color: #FF0000 } /* Generic.Error */
|
|
.gh { color: #000080; font-weight: bold } /* Generic.Heading */
|
|
.gi { color: #00A000 } /* Generic.Inserted */
|
|
.go { color: #808080 } /* Generic.Output */
|
|
.gp { color: #c65d09; font-weight: bold } /* Generic.Prompt */
|
|
.gs { font-weight: bold } /* Generic.Strong */
|
|
.gu { color: #800080; font-weight: bold } /* Generic.Subheading */
|
|
.gt { color: #0040D0 } /* Generic.Traceback */
|
|
.kc { color: #007020; font-weight: bold } /* Keyword.Constant */
|
|
.kd { color: #007020; font-weight: bold } /* Keyword.Declaration */
|
|
.kn { color: #007020; font-weight: bold } /* Keyword.Namespace */
|
|
.kp { color: #007020 } /* Keyword.Pseudo */
|
|
.kr { color: #007020; font-weight: bold } /* Keyword.Reserved */
|
|
.kt { color: #902000 } /* Keyword.Type */
|
|
.m { color: #40a070 } /* Literal.Number */
|
|
.s { color: #4070a0 } /* Literal.String */
|
|
.na { color: #4070a0 } /* Name.Attribute */
|
|
.nb { color: #007020 } /* Name.Builtin */
|
|
.nc { color: #0e84b5; font-weight: bold } /* Name.Class */
|
|
.no { color: #60add5 } /* Name.Constant */
|
|
.nd { color: #555555; font-weight: bold } /* Name.Decorator */
|
|
.ni { color: #d55537; font-weight: bold } /* Name.Entity */
|
|
.ne { color: #007020 } /* Name.Exception */
|
|
.nf { color: #06287e } /* Name.Function */
|
|
.nl { color: #002070; font-weight: bold } /* Name.Label */
|
|
.nn { color: #0e84b5; font-weight: bold } /* Name.Namespace */
|
|
.nt { color: #062873; font-weight: bold } /* Name.Tag */
|
|
.nv { color: #bb60d5 } /* Name.Variable */
|
|
.ow { color: #007020; font-weight: bold } /* Operator.Word */
|
|
.w { color: #bbbbbb } /* Text.Whitespace */
|
|
.mf { color: #40a070 } /* Literal.Number.Float */
|
|
.mh { color: #40a070 } /* Literal.Number.Hex */
|
|
.mi { color: #40a070 } /* Literal.Number.Integer */
|
|
.mo { color: #40a070 } /* Literal.Number.Oct */
|
|
.sb { color: #4070a0 } /* Literal.String.Backtick */
|
|
.sc { color: #4070a0 } /* Literal.String.Char */
|
|
.sd { color: #4070a0; font-style: italic } /* Literal.String.Doc */
|
|
.s2 { color: #4070a0 } /* Literal.String.Double */
|
|
.se { color: #4070a0; font-weight: bold } /* Literal.String.Escape */
|
|
.sh { color: #4070a0 } /* Literal.String.Heredoc */
|
|
.si { color: #70a0d0; font-style: italic } /* Literal.String.Interpol */
|
|
.sx { color: #c65d09 } /* Literal.String.Other */
|
|
.sr { color: #235388 } /* Literal.String.Regex */
|
|
.s1 { color: #4070a0 } /* Literal.String.Single */
|
|
.ss { color: #517918 } /* Literal.String.Symbol */
|
|
.bp { color: #007020 } /* Name.Builtin.Pseudo */
|
|
.vc { color: #bb60d5 } /* Name.Variable.Class */
|
|
.vg { color: #bb60d5 } /* Name.Variable.Global */
|
|
.vi { color: #bb60d5 } /* Name.Variable.Instance */
|
|
.il { color: #40a070 } /* Literal.Number.Integer.Long */
|
|
}
|
|
|
|
// hack in stuff for other themes
|
|
|
|
.dark {
|
|
background-color: #222;
|
|
color: #bbb;
|
|
}
|