ada/earl-grey-hibiscus
1
0
Fork 0
forked from mirrors/earl-grey
Code Pull Requests Activity

muted colors a bit

Browse Source
This commit is contained in:
Lu Baumann 2024-10-17 03:34:41 +02:00
parent c91e10a41f
commit e970b5757b
1 changed files with 21 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
theme-earl-grey-hibiscus.css
View File

@ -67,26 +67,26 @@
} }
.chroma .s, .chroma .s,
.chroma .sa { .chroma .sa {
color: hsl(333, 100%, 53%); color: hsl(333, 100%, 26%);
} }
.chroma .sb { .chroma .sb {
color: hsl(333, 100%, 63%); color: hsl(333, 100%, 35%);
} }
.chroma .dl, .chroma .dl,
.chroma .sc { .chroma .sc {
color: hsl(333, 100%, 53%); color: hsl(333, 100%, 26%);
} }
.chroma .sd { .chroma .sd {
color: hsl(333, 8%, 45%); color: hsl(333, 8%, 45%);
} }
.chroma .s2 { .chroma .s2 {
color: hsl(333, 100%, 63%); color: hsl(333, 100%, 35%);
} }
.chroma .se { .chroma .se {
color: #f63; color: #f63;
} }
.chroma .sh { .chroma .sh {
color: hsl(333, 100%, 53%); color: hsl(333, 100%, 26%);
} }
.chroma .si, .chroma .si,
.chroma .sx { .chroma .sx {
@ -96,7 +96,7 @@
color: #97c; color: #97c;
} }
.chroma .s1 { .chroma .s1 {
color: hsl(333, 100%, 63%); color: hsl(333, 100%, 35%);
} }
.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: hsl(333, 100%, 53%); color: hsl(333, 100%, 26%);
} }
.chroma .o { .chroma .o {
color: #f63; color: #f63;
@ -164,19 +164,19 @@
:root { :root {
--color-header-wrapper: #24262b; --color-header-wrapper: #24262b;
--color-nav-bg: #1D1F23; --color-nav-bg: #1D1F23;
--color-primary: hsl(333, 78%, 57%); --color-primary: hsl(333, 78%, 35%);
--color-primary-dark-1: hsl(333, 30%, 58%); --color-primary-dark-1: hsl(333, 30%, 58%);
--color-primary-dark-2: hsl(333, 100%, 63%); --color-primary-dark-2: hsl(333, 100%, 35%);
--color-primary-dark-3: hsl(333, 30%, 67%); --color-primary-dark-3: hsl(333, 30%, 67%);
--color-primary-dark-4: hsl(333, 31%, 72%); --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: hsl(333, 78%, 57%); --color-primary-light-1: hsl(333, 78%, 30%);
--color-primary-light-2: hsl(333, 44%, 47%); --color-primary-light-2: hsl(333, 44%, 26%);
--color-primary-light-3: hsl(333, 36%, 40%); --color-primary-light-3: hsl(333, 36%, 22%);
--color-primary-light-4: hsl(333, 42%, 25%); --color-primary-light-4: hsl(333, 42%, 19%);
--color-primary-light-5: hsl(333, 35%, 20%); --color-primary-light-5: hsl(333, 35%, 15%);
--color-primary-light-6: hsl(333, 30%, 11%); --color-primary-light-6: hsl(333, 30%, 11%);
--color-primary-light-7: hsl(333, 29%, 3%); --color-primary-light-7: hsl(333, 29%, 3%);
--color-primary-alpha-10: hsla(333, 56%, 48%, 0.098); --color-primary-alpha-10: hsla(333, 56%, 48%, 0.098);
@ -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: hsl(333, 100%, 34%) !important; background-color: hsl(333, 98%, 26%) !important;
border-color: hsl(333, 100%, 34%) !important; border-color: hsl(333, 98%, 26%) !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: hsl(333, 56%, 48%); background-color: hsl(333, 56%, 30%);
} }
.ui.green.button:hover, .ui.green.button:hover,
.ui.green.buttons .button:hover { .ui.green.buttons .button:hover {
background-color: hsl(333, 100%, 63%); background-color: hsl(333, 100%, 35%);
} }
.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: hsl(333, 100%, 63%); background-color: hsl(333, 100%, 35%);
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: hsl(333, 100%, 63%); background-color: hsl(333, 100%, 35%);
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: hsl(333, 100%, 63%); background-color: hsl(333, 100%, 35%);
color: #FFFFFF; color: #FFFFFF;
text-shadow: none; text-shadow: none;
} }