From 7521e3509c72508b99b90605d78c6a5599e11918 Mon Sep 17 00:00:00 2001 From: "Markus A. R. Johansen" <90006516+J0hans1@users.noreply.github.com> Date: Thu, 21 Sep 2023 20:09:36 +0200 Subject: [PATCH 1/7] Removed all .darkmode styling ChimeraCSS wont pursue darkmode for the forseeable future as our priorites is to have an easy-to-use easy-to-learn framework --- css/chimera.css | 43 ++----------------------------------------- 1 file changed, 2 insertions(+), 41 deletions(-) diff --git a/css/chimera.css b/css/chimera.css index 2fb1f87..c6d63cb 100644 --- a/css/chimera.css +++ b/css/chimera.css @@ -11,8 +11,8 @@ --Chimera-input-border: hsl(0, 0%, 51%); --Chimera-text: hsl(0, 0%, 25%); --Chimera-dark-text: hsl(0, 0%, 85%); - --Chimera-bg: hsl(40, 30%, 95%); - --Chimera-bg-secondary: hsl(40, 20%, 90%); + --Chimera-bg: hsl(40, 30%, 100%); + --Chimera-bg-secondary: hsl(40, 10%, 94%); --Chimera-dark-bg: hsl(214, 15%, 16%); --Chimera-dark-bg-secondary: hsl(214, 13%, 20%); } @@ -24,11 +24,6 @@ body { background: var(--Chimera-bg); } -.chimera-dark { - color: var(--Chimera-dark-text); - background: var(--Chimera-dark-bg); -} - /*------------------------------Blockquotes----------------------------*/ blockquote { border-left: 4px solid var(--Chimera); @@ -40,11 +35,6 @@ blockquote { border-radius: 0px 8px 8px 0px; } -.chimera-dark > blockquote { - border-color: var(--Chimera-brighter); - background-color: var(--Chimera-dark-bg-secondary); -} - /*------------------------------Horisontal Rule----------------------------*/ hr { height: 2px; @@ -54,10 +44,6 @@ hr { margin: 1em 0px; } -.chimera-dark > hr { - background-color: var(--Chimera); -} - /*------------------------------Images-----------------------------*/ img { width: 100%; @@ -148,31 +134,17 @@ a:visited { color: var(--Chimera-darkest); } -.chimera-dark > a:visited { - color: var(--Chimera-dark); -} - a:hover { color: var(--Chimera-dark); cursor: pointer; text-decoration: underline var(--Chimera-dark); } -.chimera-dark > a:hover { - color: var(--Chimera-brighter); - text-decoration-color: var(--Chimera-brighter); -} - a:active { color: var(--Chimera-darker); text-decoration-color: var(--Chimera-darker); } -.chimera-dark > a:active { - color: var(--Chimera); - text-decoration-color: var(--Chimera); -} - /*------------------------------Tables----------------------------*/ table { width: 100%; @@ -232,17 +204,6 @@ pre code { font-family: "Fira Code", monospace; } -.chimera-dark > pre { - background-color: var(--Chimera-dark-bg-secondary); -} - -.chimera-dark > code, -kbd, -var, -samp { - background-color: var(--Chimera-dark-bg-secondary); -} - /*------------------------------Forms----------------------------*/ textarea, input[type="text"], From 22fa2f85455b28dc931e1c86bb5e880f5d2ff906 Mon Sep 17 00:00:00 2001 From: "Markus A. R. Johansen" <90006516+J0hans1@users.noreply.github.com> Date: Thu, 21 Sep 2023 20:14:03 +0200 Subject: [PATCH 2/7] removed darkmode color variables --- css/chimera.css | 5 ----- 1 file changed, 5 deletions(-) diff --git a/css/chimera.css b/css/chimera.css index c6d63cb..d1767ee 100644 --- a/css/chimera.css +++ b/css/chimera.css @@ -3,18 +3,13 @@ /*------------------------------Variables----------------------------*/ :root { --Chimera: hsl(183, 67%, 40%); - --Chimera-brighter: hsl(183, 67%, 60%); --Chimera-dark: hsl(183, 67%, 35%); --Chimera-darker: hsl(183, 67%, 30%); --Chimera-darkest: hsl(183, 67%, 25%); - --Chimera-transparent: hsla(183, 67%, 40%, 0.3); --Chimera-input-border: hsl(0, 0%, 51%); --Chimera-text: hsl(0, 0%, 25%); - --Chimera-dark-text: hsl(0, 0%, 85%); --Chimera-bg: hsl(40, 30%, 100%); --Chimera-bg-secondary: hsl(40, 10%, 94%); - --Chimera-dark-bg: hsl(214, 15%, 16%); - --Chimera-dark-bg-secondary: hsl(214, 13%, 20%); } /*------------------------------body----------------------------*/ From 20d04dda50d949264e3b4f4a3bb8d561a4e22bc0 Mon Sep 17 00:00:00 2001 From: "Markus A. R. Johansen" <90006516+J0hans1@users.noreply.github.com> Date: Thu, 21 Sep 2023 20:20:45 +0200 Subject: [PATCH 3/7] better colour palette --- css/chimera.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/css/chimera.css b/css/chimera.css index d1767ee..d4f7838 100644 --- a/css/chimera.css +++ b/css/chimera.css @@ -2,14 +2,14 @@ /*------------------------------Variables----------------------------*/ :root { - --Chimera: hsl(183, 67%, 40%); - --Chimera-dark: hsl(183, 67%, 35%); - --Chimera-darker: hsl(183, 67%, 30%); - --Chimera-darkest: hsl(183, 67%, 25%); + --Chimera: hsl(183, 40%, 50%); + --Chimera-dark: hsl(183, 40%, 45%); + --Chimera-darker: hsl(183, 40%, 40%); + --Chimera-darkest: hsl(183, 40%, 25%); --Chimera-input-border: hsl(0, 0%, 51%); --Chimera-text: hsl(0, 0%, 25%); --Chimera-bg: hsl(40, 30%, 100%); - --Chimera-bg-secondary: hsl(40, 10%, 94%); + --Chimera-bg-secondary: hsl(60, 5%, 95%); } /*------------------------------body----------------------------*/ From 24146e59149b6acda6386fa0b3f566e4a5a5b73b Mon Sep 17 00:00:00 2001 From: "Markus A. R. Johansen" <90006516+J0hans1@users.noreply.github.com> Date: Thu, 21 Sep 2023 20:23:23 +0200 Subject: [PATCH 4/7] even better colour palette --- css/chimera.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/css/chimera.css b/css/chimera.css index d4f7838..c8078aa 100644 --- a/css/chimera.css +++ b/css/chimera.css @@ -2,9 +2,9 @@ /*------------------------------Variables----------------------------*/ :root { - --Chimera: hsl(183, 40%, 50%); - --Chimera-dark: hsl(183, 40%, 45%); - --Chimera-darker: hsl(183, 40%, 40%); + --Chimera: hsl(183, 40%, 55%); + --Chimera-dark: hsl(183, 40%, 50%); + --Chimera-darker: hsl(183, 40%, 45%); --Chimera-darkest: hsl(183, 40%, 25%); --Chimera-input-border: hsl(0, 0%, 51%); --Chimera-text: hsl(0, 0%, 25%); From b6970e51f926b1d370fb88798309a76f1632910b Mon Sep 17 00:00:00 2001 From: "Markus A. R. Johansen" <90006516+J0hans1@users.noreply.github.com> Date: Thu, 21 Sep 2023 20:30:56 +0200 Subject: [PATCH 5/7] px units exchanged for em --- css/chimera.css | 32 +++++++++++++++++--------------- 1 file changed, 17 insertions(+), 15 deletions(-) diff --git a/css/chimera.css b/css/chimera.css index c8078aa..cd70b8f 100644 --- a/css/chimera.css +++ b/css/chimera.css @@ -21,22 +21,23 @@ body { /*------------------------------Blockquotes----------------------------*/ blockquote { - border-left: 4px solid var(--Chimera); + line-height: 2em; background-color: var(--Chimera-bg-secondary); - padding: 20px; - line-height: 28px; - max-width: 100%; - margin: 0px; - border-radius: 0px 8px 8px 0px; + width: 100%; + box-sizing: border-box; + border-left: 0.25em solid var(--Chimera); + border-radius: 0 0.5em 0.5em 0; + padding: 1em; + margin: 0; } /*------------------------------Horisontal Rule----------------------------*/ hr { - height: 2px; background-color: var(--Chimera); + height: 0.2em; width: 100%; border: 0; - margin: 1em 0px; + margin: 1em 0; } /*------------------------------Images-----------------------------*/ @@ -49,12 +50,12 @@ img { button, input[type="button"], input[type="submit"] { - padding: 0.5em 0.75em; - font-size: medium; - border-radius: 0.5em; - border: 0; background-color: var(--Chimera); color: #ffff; + font-size: medium; + padding: 0.5em 0.75em; + border: 0; + border-radius: 0.5em; transition: 200ms ease-in-out; } @@ -156,8 +157,8 @@ td { td, th { - border-bottom: 2px solid var(--Chimera); - padding: 10px; + border-bottom: 0.1em solid var(--Chimera); + padding: 0.5em; text-align: left; } @@ -195,7 +196,8 @@ samp { padding: 4px 8px; } -pre code { +pre, +code { font-family: "Fira Code", monospace; } From 4702132384f5a7bee22d165cceeee903ae027b65 Mon Sep 17 00:00:00 2001 From: "Markus A. R. Johansen" <90006516+J0hans1@users.noreply.github.com> Date: Thu, 21 Sep 2023 20:35:30 +0200 Subject: [PATCH 6/7] removed all darkmode toggling elements to test.html --- test.html | 18 ++++++------------ 1 file changed, 6 insertions(+), 12 deletions(-) diff --git a/test.html b/test.html index 9dfc68c..75f1c04 100644 --- a/test.html +++ b/test.html @@ -5,6 +5,11 @@