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.
338 lines
6.4 KiB
338 lines
6.4 KiB
/* ==================== secondary color ==================== */ |
|
:root { |
|
--color-secondary: #454a57; |
|
--color-secondary-dark-1: #505665; |
|
--color-secondary-dark-2: #5b6273; |
|
--color-secondary-dark-3: #71798e; |
|
--color-secondary-dark-4: #7f8699; |
|
--color-secondary-dark-5: #8c93a4; |
|
--color-secondary-dark-6: #9aa0af; |
|
--color-secondary-dark-7: #a8adba; |
|
--color-secondary-dark-8: #b6bac5; |
|
--color-secondary-dark-9: #c4c7d0; |
|
--color-secondary-dark-10: #d2d4db; |
|
--color-secondary-dark-11: #dfe1e6; |
|
--color-secondary-dark-12: #edeef1; |
|
--color-secondary-dark-13: #fbfbfc; |
|
--color-secondary-light-1: #373b46; |
|
--color-secondary-light-2: #292c34; |
|
--color-secondary-light-3: #1c1e23; |
|
--color-secondary-light-4: #0e0f11; |
|
--color-secondary-alpha-10: #454a5719; |
|
--color-secondary-alpha-20: #454a5733; |
|
--color-secondary-alpha-30: #454a574b; |
|
--color-secondary-alpha-40: #454a5766; |
|
--color-secondary-alpha-50: #454a5780; |
|
--color-secondary-alpha-60: #454a5799; |
|
--color-secondary-alpha-70: #454a57b3; |
|
--color-secondary-alpha-80: #454a57cc; |
|
--color-secondary-alpha-90: #454a57e1; |
|
} |
|
|
|
/* ==================== secondary color ==================== */ |
|
:root { |
|
--color-red: #db2828; |
|
--color-orange: #f2711c; |
|
--color-yellow: #fbbd08; |
|
--color-olive: #b5cc18; |
|
--color-green: #21ba45; |
|
--color-teal: #00b5ad; |
|
--color-blue: #2185d0; |
|
--color-violet: #6435c9; |
|
--color-purple: #a333c8; |
|
--color-pink: #e03997; |
|
--color-brown: #a5673f; |
|
--color-grey: #767a85; |
|
--color-black: #1e222e; |
|
--color-gold: #a1882b; |
|
--color-white: #ffffff; |
|
} |
|
|
|
/* ==================== diff colors ==================== */ |
|
:root { |
|
--color-diff-removed-word-bg: #6f3333; |
|
--color-diff-added-word-bg: #3c653c; |
|
--color-diff-removed-row-bg: #3c2626; |
|
--color-diff-moved-row-bg: #818044; |
|
--color-diff-added-row-bg: #283e2d; |
|
--color-diff-removed-row-border: #634343; |
|
--color-diff-moved-row-border: #bcca6f; |
|
--color-diff-added-row-border: #314a37; |
|
--color-diff-inactive: #353846; |
|
} |
|
|
|
/* ==================== notification colors ==================== */ |
|
:root { |
|
/* error */ |
|
--color-error-border: #a53a37; |
|
--color-error-bg: #482c2c; |
|
--color-error-text: #ff4433; |
|
|
|
/* success */ |
|
--color-success-border: #458a57; |
|
--color-success-bg: #284034; |
|
--color-success-text: #6cc664; |
|
|
|
/* warning */ |
|
--color-warning-border: #bb9d00; |
|
--color-warning-bg: #3a3a30; |
|
--color-warning-text: #fbbd08; |
|
|
|
/* information */ |
|
--color-info-border: #306090; |
|
--color-info-bg: #26354c; |
|
--color-info-text: #38a8e8; |
|
} |
|
|
|
/* ==================== light text ==================== */ |
|
:root { |
|
--color-text-light: #a6aab5; |
|
--color-text-light-2: #8a8e99; |
|
--color-text-light-3: #707687; |
|
} |
|
|
|
/* ==================== syntax highlighting ==================== */ |
|
:root { |
|
--color-timeline: #4c525e; |
|
--color-input-text: #d5dbe6; |
|
--color-input-border-hover: #505667; |
|
--color-navbar-transparent: #2a2e3a00; |
|
--color-light: #00000028; |
|
--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); |
|
--color-light-border: #ffffff28; |
|
--color-hover: #ffffff10; |
|
--color-active: #ffffff16; |
|
--color-markup-table-row: #ffffff06; |
|
--color-markup-code-block: #292d39; |
|
--color-button: #353846; |
|
--color-code-sidebar-bg: #2e323e; |
|
--color-shadow: #00000060; |
|
--color-secondary-bg: #2a2e3a; |
|
--color-text-focus: #fff; |
|
--color-expand-button: #3c404d; |
|
--color-placeholder-text: #6a737d; |
|
--color-editor-line-highlight: var(--color-primary-light-5); |
|
--color-project-board-bg: var(--color-secondary-light-2); |
|
--color-caret: var(--color-text); |
|
--color-reaction-bg: #ffffff12; |
|
--color-reaction-active-bg: var(--color-primary-alpha-40); |
|
} |
|
|
|
/* ==================== syntax highlighting ==================== */ |
|
/* current line */ |
|
.chroma .hl { |
|
background-color: #3F424D; |
|
} |
|
|
|
/* generic prompt */ |
|
.chroma .gp { |
|
color: #555; |
|
} |
|
|
|
/* literals */ |
|
.chroma .dl, |
|
.chroma .il, |
|
.chroma .m, .chroma .mb, .chroma .mf, .chroma .mh, .chroma .mi, .chroma .mo, |
|
.chroma .s, .chroma .sa, .chroma .sc, .chroma .sh { |
|
color: #89D3FB; |
|
} |
|
|
|
/* keywords */ |
|
.chroma .kp, |
|
.chroma .ow { |
|
color: #5F8700; |
|
} |
|
|
|
/* comments */ |
|
.chroma .c, .chroma .c1, .chroma .ch, .chroma .cm, |
|
.chroma .sd { |
|
color:#ABB1B7; |
|
} |
|
|
|
/* line numbers */ |
|
.chroma .ln, .chroma .lnt, .lines-num { |
|
color: #7F7F7F; |
|
} |
|
|
|
/* active line */ |
|
.lines-code.active, .lines-code .active { |
|
background-color: var(--color-primary-alpha-60) !important; |
|
color: var(--color-text) !important; |
|
} |
|
|
|
/* generic output */ |
|
.chroma .go { |
|
color: #888; |
|
} |
|
|
|
/* name attribute */ |
|
.chroma .na { |
|
color: #BBB; |
|
} |
|
|
|
/* comment special */ |
|
.chroma .cs { |
|
color: #C69CD0; |
|
} |
|
|
|
/* literal string regex */ |
|
.chroma .sr { |
|
color: #97c; |
|
} |
|
|
|
/* names */ |
|
.chroma .bp, |
|
.chroma .gu, |
|
.chroma .kd, .chroma .kt, |
|
.chroma .nb, .chroma .nd, .chroma .nf, .chroma .nt, .chroma .nv, .chroma .nx { |
|
color: #9DACCC; |
|
} |
|
|
|
/* literal strings */ |
|
.chroma .s1, .chroma .s2, .chroma .sb { |
|
color: #A0CC75; |
|
} |
|
|
|
/* name exception */ |
|
.chroma .ne { |
|
color: #AF8700; |
|
} |
|
|
|
/* whitespace characters */ |
|
.chroma .w { |
|
color: #bbb; |
|
} |
|
|
|
/* generic emphasis */ |
|
.chroma .ge { |
|
color: #EF5; |
|
} |
|
|
|
/* generic error */ |
|
.chroma .gr { |
|
color: #FF8A8A; |
|
} |
|
|
|
/* misc keywords */ |
|
.chroma .gt, |
|
.chroma .k, .chroma .kr, |
|
.chroma .o, |
|
.chroma .se { |
|
color: #FF9E7D; |
|
} |
|
|
|
/* name variable class */ |
|
.chroma .vc { |
|
color: #FFB76F; |
|
} |
|
|
|
/* keywords, names, literals */ |
|
.chroma .gh, |
|
.chroma .kc, .chroma .kn, |
|
.chroma .nc, .chroma .ni, .chroma .nl, .chroma .nn, .chroma .no, |
|
.chroma .si, .chroma .ss, .chroma .sx, |
|
.chroma .vg, .chroma .vi { |
|
color: #FFD482; |
|
} |
|
|
|
/* comment preproc */ |
|
.chroma .cp { |
|
color: #FC6; |
|
} |
|
|
|
/* generic inserted */ |
|
.chroma .gi { |
|
color:#fff; |
|
background-color:#3a523a; |
|
} |
|
|
|
/* generic deleted */ |
|
.chroma .gd { |
|
color:#fff; |
|
background-color:#5f3737; |
|
} |
|
|
|
.cm-property { |
|
color: #a0cc75; |
|
} |
|
|
|
.cm-header { |
|
color: #9daccc; |
|
} |
|
|
|
.cm-quote { |
|
color: #009900; |
|
} |
|
|
|
.cm-keyword { |
|
color: #cc8a61; |
|
} |
|
|
|
.cm-atom { |
|
color: #ef5e77; |
|
} |
|
|
|
.cm-number { |
|
color: #ff5656; |
|
} |
|
|
|
.cm-def { |
|
color: #e4e4e4; |
|
} |
|
|
|
.cm-variable-2 { |
|
color: #00bdbf; |
|
} |
|
|
|
.cm-variable-3 { |
|
color: #008855; |
|
} |
|
|
|
.cm-comment { |
|
color: #8e9ab3; |
|
} |
|
|
|
.cm-string { |
|
color: #a77272; |
|
} |
|
|
|
.cm-string-2 { |
|
color: #ff5500; |
|
} |
|
|
|
.cm-meta, |
|
.cm-qualifier { |
|
color: #ffb176; |
|
} |
|
|
|
.cm-builtin { |
|
color: #b7c951; |
|
} |
|
|
|
.cm-bracket { |
|
color: #999977; |
|
} |
|
|
|
.cm-tag { |
|
color: #f1d273; |
|
} |
|
|
|
.cm-attribute { |
|
color: #bfcc70; |
|
} |
|
|
|
.cm-hr { |
|
color: #999999; |
|
} |
|
|
|
.cm-url { |
|
color: #c5cfd0; |
|
} |
|
|
|
.cm-link { |
|
color: #d8c792; |
|
} |
|
|
|
.cm-error { |
|
color: #dbdbeb; |
|
} |