From e970b5757b1977ee5427139dd7eb8531c371fc3e Mon Sep 17 00:00:00 2001 From: Lu Baumann Date: Thu, 17 Oct 2024 03:34:41 +0200 Subject: [PATCH] muted colors a bit --- theme-earl-grey-hibiscus.css | 42 ++++++++++++++++++------------------ 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/theme-earl-grey-hibiscus.css b/theme-earl-grey-hibiscus.css index f9a3f23..f99f5f5 100644 --- a/theme-earl-grey-hibiscus.css +++ b/theme-earl-grey-hibiscus.css @@ -67,26 +67,26 @@ } .chroma .s, .chroma .sa { - color: hsl(333, 100%, 53%); + color: hsl(333, 100%, 26%); } .chroma .sb { - color: hsl(333, 100%, 63%); + color: hsl(333, 100%, 35%); } .chroma .dl, .chroma .sc { - color: hsl(333, 100%, 53%); + color: hsl(333, 100%, 26%); } .chroma .sd { color: hsl(333, 8%, 45%); } .chroma .s2 { - color: hsl(333, 100%, 63%); + color: hsl(333, 100%, 35%); } .chroma .se { color: #f63; } .chroma .sh { - color: hsl(333, 100%, 53%); + color: hsl(333, 100%, 26%); } .chroma .si, .chroma .sx { @@ -96,7 +96,7 @@ color: #97c; } .chroma .s1 { - color: hsl(333, 100%, 63%); + color: hsl(333, 100%, 35%); } .chroma .ss { color: #fa1; @@ -108,7 +108,7 @@ .chroma .mh, .chroma .mi, .chroma .mo { - color: hsl(333, 100%, 53%); + color: hsl(333, 100%, 26%); } .chroma .o { color: #f63; @@ -164,19 +164,19 @@ :root { --color-header-wrapper: #24262b; --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-2: hsl(333, 100%, 63%); + --color-primary-dark-2: hsl(333, 100%, 35%); --color-primary-dark-3: hsl(333, 30%, 67%); --color-primary-dark-4: hsl(333, 31%, 72%); --color-primary-dark-5: #cfddc1; --color-primary-dark-6: #e7eee0; --color-primary-dark-7: #f8faf6; - --color-primary-light-1: hsl(333, 78%, 57%); - --color-primary-light-2: hsl(333, 44%, 47%); - --color-primary-light-3: hsl(333, 36%, 40%); - --color-primary-light-4: hsl(333, 42%, 25%); - --color-primary-light-5: hsl(333, 35%, 20%); + --color-primary-light-1: hsl(333, 78%, 30%); + --color-primary-light-2: hsl(333, 44%, 26%); + --color-primary-light-3: hsl(333, 36%, 22%); + --color-primary-light-4: hsl(333, 42%, 19%); + --color-primary-light-5: hsl(333, 35%, 15%); --color-primary-light-6: hsl(333, 30%, 11%); --color-primary-light-7: hsl(333, 29%, 3%); --color-primary-alpha-10: hsla(333, 56%, 48%, 0.098); @@ -326,8 +326,8 @@ .ui.basic.green.label, .ui.green.label, .ui.green.labels .label { - background-color: hsl(333, 100%, 34%) !important; - border-color: hsl(333, 100%, 34%) !important; + background-color: hsl(333, 98%, 26%) !important; + border-color: hsl(333, 98%, 26%) !important; } .ui.basic.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.buttons .button { - background-color: hsl(333, 56%, 48%); + background-color: hsl(333, 56%, 30%); } .ui.green.button:hover, .ui.green.buttons .button:hover { - background-color: hsl(333, 100%, 63%); + background-color: hsl(333, 100%, 35%); } .ui.search > .results { background: #1D1F23; @@ -458,17 +458,17 @@ a.ui.ui.ui.green.label:hover { color: #dbdbdb; } .ui.green.button:active, .ui.green.buttons .button:active { - background-color: hsl(333, 100%, 63%); + background-color: hsl(333, 100%, 35%); color: #FFFFFF; text-shadow: none; } .ui.green.button:active, .ui.green.buttons .button:active { - background-color: hsl(333, 100%, 63%); + background-color: hsl(333, 100%, 35%); color: #FFFFFF; text-shadow: none; } .ui.green.button:focus, .ui.green.buttons .button:focus { - background-color: hsl(333, 100%, 63%); + background-color: hsl(333, 100%, 35%); color: #FFFFFF; text-shadow: none; }