Browse Source

initial commit

master
Claire 3 months ago
parent
commit
229be577bb
  1. 2
      .gitignore
  2. 338
      dark.css
  3. 84
      magenta-dark.css
  4. 26
      magenta.css
  5. 27
      salmon.css
  6. 300
      tokyo-hack.css

2
.gitignore diff.vendored

@ -12,3 +12,5 @@
# Built Visual Studio Code Extensions
*.vsix
# default-dark.css doesn't need to be synced
default-dark.css

338
dark.css

@ -0,0 +1,338 @@
/* ==================== 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;
}

84
magenta-dark.css

@ -0,0 +1,84 @@
@import url(/assets/css/dark.css);
:root {
--color-primary: #AE4A81;
--color-primary-light-1: #A73A73;
--color-primary-light-2: #A02A67;
--color-primary-light-3: #981D5C;
--color-primary-light-4: #931250;
--color-primary-light-5: #81073B;
--color-primary-light-6: #5D0326;
--color-primary-light-7: #460118;
--color-primary-dark-1: #B65A8C;
--color-primary-dark-2: #BB6997;
--color-primary-dark-3: #C37BA3;
--color-primary-dark-4: #C88CAF;
--color-primary-dark-5: #DAB1C9;
--color-primary-dark-6: #ECD5E4;
--color-primary-dark-7: #F9F2F7;
--color-primary-alpha-10: #AE4A8119;
--color-primary-alpha-20: #AE4A8133;
--color-primary-alpha-30: #AE4A814B;
--color-primary-alpha-40: #AE4A8166;
--color-primary-alpha-50: #AE4A8180;
--color-primary-alpha-60: #AE4A8199;
--color-primary-alpha-70: #AE4A81B3;
--color-primary-alpha-80: #AE4A81CC;
--color-primary-alpha-90: #AE4A81E1;
--color-body: #4A3947;
--color-box-header: #52404F;
--color-box-body: #40303B;
--color-text-dark: #EADCE5;
--color-text: #F5F0F4;
--color-footer: var(--color-box-header);
--color-input-background: #392936;
--color-input-border: #574552;
--color-navbar: #3A2B39;
--color-menu: #3E2E38;
--color-card: #3E2E38;
--color-code-bg: #3A2B35;
}
BODY {
background: #3E2532;
}
.ui.table > THEAD > TR > TH {
background: var(--color-box-header);
}
.repository.file.list #repo-files-table tr:hover {
background: var(--color-text-dark);
color: var(--color-box-header);
}
.repository.file.list #repo-files-table tr:hover A {
color: var(--color-body);
}
.repository.file.list #repo-files-table tr.commit-list:hover,
.ui.list .list>.item .header, .ui.list>.item .header
{
color: var(--color-text);
}
.repository.file.list #repo-files-table tr.commit-list:hover A {
color: var(--color-text-dark)
}
.ui.secondary.menu .active.item, .ui.secondary.menu .active.item:hover, .ui.menu .item {
color: var(--color-text-dark);
}
.feeds .list ul li.private {
background-color: var(--color-primary-light-5);
}
.ui.header .sub.header,
.ui.list .list>.item .description, .ui.list>.item .description {
color: var(--color-text-dark);
}
I.color-icon {
box-shadow: 0 0 0 1.5px var(--color-text);
}

26
magenta.css

@ -0,0 +1,26 @@
:root {
--color-primary: #D783AF;
--color-primary-dark-1: #D276A6;
--color-primary-dark-2: #CE679D;
--color-primary-dark-3: #CA5A94;
--color-primary-dark-4: #C64C8B;
--color-primary-dark-5: #B93879;
--color-primary-dark-6: #9D3067;
--color-primary-dark-7: #89295A;
--color-primary-light-1: #DB8FB6;
--color-primary-light-2: #DE9BBE;
--color-primary-light-3: #E2A8C6;
--color-primary-light-4: #E5B4CE;
--color-primary-light-5: #EECDDF;
--color-primary-light-6: #F6E5EF;
--color-primary-light-7: #FCF7FA;
--color-primary-alpha-10: #D783AF19;
--color-primary-alpha-20: #D783AF33;
--color-primary-alpha-30: #D783AF4b;
--color-primary-alpha-40: #D783AF66;
--color-primary-alpha-50: #D783AF80;
--color-primary-alpha-60: #D783AF99;
--color-primary-alpha-70: #D783AFb3;
--color-primary-alpha-80: #D783AFcc;
--color-primary-alpha-90: #D783AFe1;
}

27
salmon.css

@ -0,0 +1,27 @@
/* color overrides for CSS variables */
:root {
--color-primary: #D0908B;
--color-primary-dark-1: #CC837D;
--color-primary-dark-2: #C6766F;
--color-primary-dark-3: #C16A63;
--color-primary-dark-4: #BC5D56;
--color-primary-dark-5: #AF4A42;
--color-primary-dark-6: #943E37;
--color-primary-dark-7: #823731;
--color-primary-light-1: #D59A95;
--color-primary-light-2: #D9A5A0;
--color-primary-light-3: #DEB0AC;
--color-primary-light-4: #E3BCB9;
--color-primary-light-5: #ECD2D0;
--color-primary-light-6: #F5E8E7;
--color-primary-light-7: #FBF8F8;
--color-primary-alpha-10: #D0908B19;
--color-primary-alpha-20: #D0908B33;
--color-primary-alpha-30: #D0908B4b;
--color-primary-alpha-40: #D0908B66;
--color-primary-alpha-50: #D0908B80;
--color-primary-alpha-60: #D0908B99;
--color-primary-alpha-70: #D0908Bb3;
--color-primary-alpha-80: #D0908Bcc;
--color-primary-alpha-90: #D0908Be1;
}

300
tokyo-hack.css

@ -0,0 +1,300 @@
:root {
--color-primary: #AE4A81;
--color-primary-light-1: #A73A73;
--color-primary-light-2: #A02A67;
--color-primary-light-3: #981D5C;
--color-primary-light-4: #931250;
--color-primary-light-5: #81073B;
--color-primary-light-6: #5D0326;
--color-primary-light-7: #460118;
--color-primary-dark-1: #B65A8C;
--color-primary-dark-2: #BB6997;
--color-primary-dark-3: #C37BA3;
--color-primary-dark-4: #C88CAF;
--color-primary-dark-5: #DAB1C9;
--color-primary-dark-6: #ECD5E4;
--color-primary-dark-7: #F9F2F7;
--color-primary-alpha-10: #AE4A8119;
--color-primary-alpha-20: #AE4A8133;
--color-primary-alpha-30: #AE4A814B;
--color-primary-alpha-40: #AE4A8166;
--color-primary-alpha-50: #AE4A8180;
--color-primary-alpha-60: #AE4A8199;
--color-primary-alpha-70: #AE4A81B3;
--color-primary-alpha-80: #AE4A81CC;
--color-primary-alpha-90: #AE4A81E1;
--color-secondary: #4D3269;
--color-secondary-dark-1: #623189;
--color-secondary-dark-2: #6E389C;
--color-secondary-dark-3: #8A46C0;
--color-secondary-dark-4: #9658C5;
--color-secondary-dark-5: #9E67CC;
--color-secondary-dark-6: #AB79D2;
--color-secondary-dark-7: #B78CD8;
--color-secondary-dark-8: #C19CDF;
--color-secondary-dark-9: #CDAFE4;
--color-secondary-dark-10: #DAC2EA;
--color-secondary-dark-11: #E3D2F3;
--color-secondary-dark-12: #EFE6F8;
--color-secondary-dark-13: #FCF9FE;
--color-secondary-light-1: #373b46;
--color-secondary-light-2: #292c34;
--color-secondary-light-3: #1c1e23;
--color-secondary-light-4: #0e0f11;
--color-secondary-alpha-10: #4D326919;
--color-secondary-alpha-20: #4D326933;
--color-secondary-alpha-30: #4D32694b;
--color-secondary-alpha-40: #4D326966;
--color-secondary-alpha-50: #4D326980;
--color-secondary-alpha-60: #4D326999;
--color-secondary-alpha-70: #4D3269b3;
--color-secondary-alpha-80: #4D3269cc;
--color-secondary-alpha-90: #4D3269e1;
--color-body: #18173E;
--color-box-header: #364A74;
--color-box-body: #2E3056;
--color-button: #384B7A;
--color-code-bg: #18173E;
--color-code-sidebar-bg: #2e323e;
--color-hover: #F08DF020;
--color-input-text: #d5dbe6;
--color-input-background: #230A35;
--color-input-border: #A762A780;
--color-input-border-hover: #F08DF080;
--color-menu: #292752;
--color-navbar: #292752;
--color-navbar-transparent: #3A2B3900;
--color-text-dark: #EADCE5;
--color-text: #FFFC;
--is-dark-theme: true;
--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;
--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;
--color-error-border: #a53a37;
--color-error-bg: #482c2c;
--color-error-text: #ff4433;
--color-success-border: #458a57;
--color-success-bg: #284034;
--color-success-text: #6cc664;
--color-warning-border: #bb9d00;
--color-warning-bg: #3a3a30;
--color-warning-text: #fbbd08;
--color-info-border: #306090;
--color-info-bg: #26354c;
--color-info-text: #38a8e8;
--color-text-light: #a6aab5;
--color-text-light-2: #8a8e99;
--color-text-light-3: #707687;
--color-footer: var(--color-box-header);
--color-timeline: #4c525e;
--color-light: #00000028;
--color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
--color-light-border: #ffffff28;
--color-active: #ffffff16;
--color-card: #3E2E38;
--color-markup-table-row: #ffffff06;
--color-markup-code-block: #292d39;
--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);
}
.ui.table > THEAD > TR > TH {
background: var(--color-menu);
color: var(--color-text);
}
.repository.file.list #repo-files-table tr:hover {
background-color: var(--color-hover);
}
.scrolling.menu > .item.active > A,
.ui.list .list>.item .description, .ui.list>.item .description {
color: var(--color-text);
}
.feeds .list ul li.private {
background-color: var(--color-primary-alpha-10);
}
/* ==================== syntax highlighting ==================== */
/* current line */
.lines-code.active, .lines-code .active,
.chroma .hl {
background-color: #34294F66 !important;
color: var(--color-text) !important;
}
/* 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: #FA9818;
}
/* variables */
.chroma .n {
color: #f08df0aa;
}
/* keywords */
.chroma .kp,
.chroma .ow {
color: #FED243;
}
/* comments */
.chroma .c, .chroma .c1, .chroma .ch, .chroma .cm,
.chroma .cs,
.chroma .sd {
font-style: italic;
color:#495495;
}
/* line numbers */
.chroma .ln, .chroma .lnt, .lines-num {
color: #7F7F7F;
}
/* generic output */
.chroma .go {
color: #888;
}
/* name attribute */
.chroma .na {
color: #FED243;
}
/* literal string regex */
.chroma .sr {
color: #E84B3C;
}
/* names */
.chroma .bp,
.chroma .gu,
.chroma .kd, .chroma .kt,
.chroma .nb, .chroma .nd, .chroma .nf, .chroma .nt, .chroma .nv, .chroma .nx {
color: #fa6771;
}
/* literal strings */
.chroma .s1, .chroma .s2, .chroma .sb {
color: #26FF8F;
}
/* name exception */
.chroma .ne {
color: #fa6771;
}
/* 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: #FED243;
}
/* comment preproc */
.chroma .cp {
color: #FC6;
}
/* generic inserted */
.chroma .gi {
color:#fff;
background-color:#3a523a;
}
/* generic deleted */
.chroma .gd {
color:#fff;
background-color:#5f3737;
}
Loading…
Cancel
Save