From 229be577bb329962f6024071d1a2efdba25248c4 Mon Sep 17 00:00:00 2001 From: Claire Davis Date: Mon, 16 May 2022 14:49:15 -0700 Subject: [PATCH] initial commit --- .gitignore | 2 + dark.css | 338 +++++++++++++++++++++++++++++++++++++++++++++++ magenta-dark.css | 84 ++++++++++++ magenta.css | 26 ++++ salmon.css | 27 ++++ tokyo-hack.css | 300 +++++++++++++++++++++++++++++++++++++++++ 6 files changed, 777 insertions(+) create mode 100644 dark.css create mode 100644 magenta-dark.css create mode 100644 magenta.css create mode 100644 salmon.css create mode 100644 tokyo-hack.css diff --git a/.gitignore b/.gitignore index 8c2b884..81faad5 100644 --- a/.gitignore +++ b/.gitignore @@ -12,3 +12,5 @@ # Built Visual Studio Code Extensions *.vsix +# default-dark.css doesn't need to be synced +default-dark.css \ No newline at end of file diff --git a/dark.css b/dark.css new file mode 100644 index 0000000..72cc9da --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/magenta-dark.css b/magenta-dark.css new file mode 100644 index 0000000..1acdcdb --- /dev/null +++ b/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); +} \ No newline at end of file diff --git a/magenta.css b/magenta.css new file mode 100644 index 0000000..071b2cc --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/salmon.css b/salmon.css new file mode 100644 index 0000000..af81697 --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/tokyo-hack.css b/tokyo-hack.css new file mode 100644 index 0000000..957502c --- /dev/null +++ b/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; +} \ No newline at end of file