1
0
forked from mirrors/earl-grey

Color change v1

This commit is contained in:
Lu Baumann 2024-10-17 03:22:36 +02:00
parent 84f9d58448
commit 7653809aff

View File

@ -12,7 +12,7 @@
color: #fa1; color: #fa1;
} }
.chroma .kd { .chroma .kd {
color: #9daccc; color: hsl(333, 32%, 71%);
} }
.chroma .kn { .chroma .kn {
color: #fa1; color: #fa1;
@ -24,21 +24,21 @@
color: #f63; color: #f63;
} }
.chroma .kt { .chroma .kt {
color: #9daccc; color: hsl(333, 32%, 71%);
} }
.chroma .na { .chroma .na {
color: #8a8a8a; color: #8a8a8a;
} }
.chroma .bp, .chroma .bp,
.chroma .nb { .chroma .nb {
color: #9daccc; color: hsl(333, 32%, 71%);
} }
.chroma .nc, .chroma .nc,
.chroma .no { .chroma .no {
color: #fa1; color: #fa1;
} }
.chroma .nd { .chroma .nd {
color: #9daccc; color: hsl(333, 32%, 71%);
} }
.chroma .ni { .chroma .ni {
color: #fa1; color: #fa1;
@ -47,7 +47,7 @@
color: #af8700; color: #af8700;
} }
.chroma .nf { .chroma .nf {
color: #9daccc; color: hsl(333, 32%, 71%);
} }
.chroma .nl, .chroma .nl,
.chroma .nn { .chroma .nn {
@ -56,7 +56,7 @@
.chroma .nt, .chroma .nt,
.chroma .nv, .chroma .nv,
.chroma .nx { .chroma .nx {
color: #9daccc; color: hsl(333, 32%, 71%);
} }
.chroma .vc { .chroma .vc {
color: #f81; color: #f81;
@ -67,26 +67,26 @@
} }
.chroma .s, .chroma .s,
.chroma .sa { .chroma .sa {
color: #1af; color: hsl(333, 100%, 53%);
} }
.chroma .sb { .chroma .sb {
color: #40AAFF; color: hsl(333, 100%, 63%);
} }
.chroma .dl, .chroma .dl,
.chroma .sc { .chroma .sc {
color: #1af; color: hsl(333, 100%, 53%);
} }
.chroma .sd { .chroma .sd {
color: #6a737d; color: hsl(333, 8%, 45%);
} }
.chroma .s2 { .chroma .s2 {
color: #40AAFF; color: hsl(333, 100%, 63%);
} }
.chroma .se { .chroma .se {
color: #f63; color: #f63;
} }
.chroma .sh { .chroma .sh {
color: #1af; color: hsl(333, 100%, 53%);
} }
.chroma .si, .chroma .si,
.chroma .sx { .chroma .sx {
@ -96,7 +96,7 @@
color: #97c; color: #97c;
} }
.chroma .s1 { .chroma .s1 {
color: #40AAFF; color: hsl(333, 100%, 63%);
} }
.chroma .ss { .chroma .ss {
color: #fa1; color: #fa1;
@ -108,7 +108,7 @@
.chroma .mh, .chroma .mh,
.chroma .mi, .chroma .mi,
.chroma .mo { .chroma .mo {
color: #1af; color: hsl(333, 100%, 53%);
} }
.chroma .o { .chroma .o {
color: #f63; color: #f63;
@ -120,7 +120,7 @@
.chroma .c1, .chroma .c1,
.chroma .ch, .chroma .ch,
.chroma .cm { .chroma .cm {
color: #6a737d; color: hsl(333, 8%, 45%);
} }
.chroma .cs { .chroma .cs {
color: #637d; color: #637d;
@ -153,7 +153,7 @@
color: #555555; color: #555555;
} }
.chroma .gu { .chroma .gu {
color: #9daccc; color: hsl(333, 32%, 71%);
} }
.chroma .gt { .chroma .gt {
color: #f63; color: #f63;
@ -164,30 +164,30 @@
:root { :root {
--color-header-wrapper: #24262b; --color-header-wrapper: #24262b;
--color-nav-bg: #1D1F23; --color-nav-bg: #1D1F23;
--color-primary: #3D84E7; --color-primary: hsl(333, 78%, 57%);
--color-primary-dark-1: #739cb3; --color-primary-dark-1: hsl(333, 30%, 58%);
--color-primary-dark-2: #40AAFF; --color-primary-dark-2: hsl(333, 100%, 63%);
--color-primary-dark-3: #92b4c4; --color-primary-dark-3: hsl(333, 30%, 67%);
--color-primary-dark-4: #a1bbcd; --color-primary-dark-4: hsl(333, 31%, 72%);
--color-primary-dark-5: #cfddc1; --color-primary-dark-5: #cfddc1;
--color-primary-dark-6: #e7eee0; --color-primary-dark-6: #e7eee0;
--color-primary-dark-7: #f8faf6; --color-primary-dark-7: #f8faf6;
--color-primary-light-1: #3D84E7; --color-primary-light-1: hsl(333, 78%, 57%);
--color-primary-light-2: #437aad; --color-primary-light-2: hsl(333, 44%, 47%);
--color-primary-light-3: #415b8b; --color-primary-light-3: hsl(333, 36%, 40%);
--color-primary-light-4: #25425a; --color-primary-light-4: hsl(333, 42%, 25%);
--color-primary-light-5: #223546; --color-primary-light-5: hsl(333, 35%, 20%);
--color-primary-light-6: #131923; --color-primary-light-6: hsl(333, 30%, 11%);
--color-primary-light-7: #06090b; --color-primary-light-7: hsl(333, 29%, 3%);
--color-primary-alpha-10: #3683C019; --color-primary-alpha-10: hsla(333, 56%, 48%, 0.098);
--color-primary-alpha-20: #3683C033; --color-primary-alpha-20: hsla(333, 56%, 48%, 0.2);
--color-primary-alpha-30: #3683C04b; --color-primary-alpha-30: hsla(333, 56%, 48%, 0.294);
--color-primary-alpha-40: #3683C066; --color-primary-alpha-40: hsla(333, 56%, 48%, 0.4);
--color-primary-alpha-50: #3683C080; --color-primary-alpha-50: hsla(333, 56%, 48%, 0.502);
--color-primary-alpha-60: #3683C099; --color-primary-alpha-60: hsla(333, 56%, 48%, 0.6);
--color-primary-alpha-70: #3683C0b3; --color-primary-alpha-70: hsla(333, 56%, 48%, 0.702);
--color-primary-alpha-80: #3683C0cc; --color-primary-alpha-80: hsla(333, 56%, 48%, 0.8);
--color-primary-alpha-90: #3683C0e1; --color-primary-alpha-90: hsla(333, 56%, 48%, 0.882);
--color-secondary: #2C2F35; --color-secondary: #2C2F35;
--color-secondary-dark-1: #505665; --color-secondary-dark-1: #505665;
--color-secondary-dark-2: #5b6273; --color-secondary-dark-2: #5b6273;
@ -326,8 +326,8 @@
.ui.basic.green.label, .ui.basic.green.label,
.ui.green.label, .ui.green.label,
.ui.green.labels .label { .ui.green.labels .label {
background-color: #0060AC !important; background-color: hsl(333, 100%, 34%) !important;
border-color: #0060AC !important; border-color: hsl(333, 100%, 34%) !important;
} }
.ui.basic.green.labels a.label:hover, .ui.basic.green.labels a.label:hover,
.ui.green.labels a.label:hover, .ui.green.labels a.label:hover,
@ -398,11 +398,11 @@ a.ui.ui.ui.green.label:hover {
} }
.ui.green.button, .ui.green.button,
.ui.green.buttons .button { .ui.green.buttons .button {
background-color: #3683C0; background-color: hsl(333, 56%, 48%);
} }
.ui.green.button:hover, .ui.green.button:hover,
.ui.green.buttons .button:hover { .ui.green.buttons .button:hover {
background-color: #40AAFF; background-color: hsl(333, 100%, 63%);
} }
.ui.search > .results { .ui.search > .results {
background: #1D1F23; background: #1D1F23;
@ -458,17 +458,17 @@ a.ui.ui.ui.green.label:hover {
color: #dbdbdb; color: #dbdbdb;
} }
.ui.green.button:active, .ui.green.buttons .button:active { .ui.green.button:active, .ui.green.buttons .button:active {
background-color: #40AAFF; background-color: hsl(333, 100%, 63%);
color: #FFFFFF; color: #FFFFFF;
text-shadow: none; text-shadow: none;
} }
.ui.green.button:active, .ui.green.buttons .button:active { .ui.green.button:active, .ui.green.buttons .button:active {
background-color: #40AAFF; background-color: hsl(333, 100%, 63%);
color: #FFFFFF; color: #FFFFFF;
text-shadow: none; text-shadow: none;
} }
.ui.green.button:focus, .ui.green.buttons .button:focus { .ui.green.button:focus, .ui.green.buttons .button:focus {
background-color: #40AAFF; background-color: hsl(333, 100%, 63%);
color: #FFFFFF; color: #FFFFFF;
text-shadow: none; text-shadow: none;
} }
@ -503,10 +503,10 @@ td.blob-hunk {
} }
.ui.bottom.attached.message { .ui.bottom.attached.message {
background-color: #2c662d; background-color: #2c662d;
color: #3683C0; color: hsl(333, 56%, 48%);
} }
.ui.bottom.attached.message .pull-right { .ui.bottom.attached.message .pull-right {
color: #3683C0; color: hsl(333, 56%, 48%);
} }
.ui.info.message { .ui.info.message {
background-color: #2c3b4a; background-color: #2c3b4a;
@ -600,13 +600,13 @@ td.blob-excerpt {
color: var(--color-secondary-dark-6); color: var(--color-secondary-dark-6);
} }
.repository .ui.attached.message.isSigned.isVerified.message { .repository .ui.attached.message.isSigned.isVerified.message {
color: #3683C0; color: hsl(333, 56%, 48%);
} }
.repository .ui.attached.message.isSigned.isVerified.message .ui.text { .repository .ui.attached.message.isSigned.isVerified.message .ui.text {
color: var(--color-secondary-dark-6); color: var(--color-secondary-dark-6);
} }
.repository .ui.attached.message.isSigned.isVerified.message .pull-right { .repository .ui.attached.message.isSigned.isVerified.message .pull-right {
color: #3683C0; color: hsl(333, 56%, 48%);
} }
.repository .ui.attached.message.isSigned.isVerifiedUntrusted { .repository .ui.attached.message.isSigned.isVerifiedUntrusted {
background-color: #4a3903; background-color: #4a3903;
@ -690,7 +690,7 @@ td.blob-excerpt {
} }
.CodeMirror.cm-s-default .cm-property, .CodeMirror.cm-s-default .cm-property,
.CodeMirror.cm-s-paper .cm-property { .CodeMirror.cm-s-paper .cm-property {
color: #40AAFF; color: hsl(333, 100%, 63%);
} }
.CodeMirror.cm-s-default .cm-header, .CodeMirror.cm-s-default .cm-header,
.CodeMirror.cm-s-paper .cm-header { .CodeMirror.cm-s-paper .cm-header {