diff options
| author | Francesco <tomaselli.fr@gmail.com> | 2024-06-09 14:39:48 +0200 |
|---|---|---|
| committer | Francesco <tomaselli.fr@gmail.com> | 2024-06-09 14:39:48 +0200 |
| commit | 0fffb3a7335e1c46286e3ad29b3b2764a0f8760a (patch) | |
| tree | c087a0b61203ec33e20328bd4e57e7d958e81abf /assets | |
| parent | 2b7d5972a15de1582a3b218045a40ef4034d555a (diff) | |
Added color palettes
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/colors/catpuccin.css | 15 | ||||
| -rw-r--r-- | assets/css/colors/default.css | 15 | ||||
| -rw-r--r-- | assets/css/vars.css | 15 |
3 files changed, 30 insertions, 15 deletions
diff --git a/assets/css/colors/catpuccin.css b/assets/css/colors/catpuccin.css new file mode 100644 index 0000000..2efb3cc --- /dev/null +++ b/assets/css/colors/catpuccin.css @@ -0,0 +1,15 @@ +:root { + --content-primary: rgb(76, 79, 105); + --content-secondary: rgb(108, 111, 133); + --background: rgb(239, 241, 245); + --code-background: rgb(230, 233, 239); + --code-border: rgb(188, 192, 204); +} + +.dark { + --content-primary: rgb(198, 208, 245); + --content-secondary: rgb(165, 173, 206); + --background: rgb(48, 52, 70); + --code-background: rgb(41, 44, 60); + --code-border: rgb(81, 87, 109); +}
\ No newline at end of file diff --git a/assets/css/colors/default.css b/assets/css/colors/default.css new file mode 100644 index 0000000..ad820ec --- /dev/null +++ b/assets/css/colors/default.css @@ -0,0 +1,15 @@ +:root { + --content-primary: rgb(36, 36, 36); + --content-secondary: rgb(117, 117, 117); + --background: rgb(255, 255, 255); + --code-background: rgb(249, 249, 249); + --code-border: rgb(229, 229, 229); +} + +.dark { + --content-primary: rgb(218, 218, 218); + --content-secondary: rgb(140, 140, 140); + --background: rgb(20, 20, 20); + --code-background: rgb(30, 30, 30); + --code-border: rgb(50, 50, 50); +}
\ No newline at end of file diff --git a/assets/css/vars.css b/assets/css/vars.css index e950a41..01fba59 100644 --- a/assets/css/vars.css +++ b/assets/css/vars.css @@ -55,21 +55,6 @@ --table-cell-padding: .5rem; --table-margin-top: 1.5rem; --table-margin-bottom: 1.5rem; - - /* Theme */ - --content-primary: rgb(36, 36, 36); - --content-secondary: rgb(117, 117, 117); - --background: rgb(255, 255, 255); - --code-background: rgb(249, 249, 249); - --code-border: rgb(229, 229, 229); -} - -.dark { - --content-primary: rgb(218, 218, 218); - --content-secondary: rgb(140, 140, 140); - --background: rgb(20, 20, 20); - --code-background: rgb(30, 30, 30); - --code-border: rgb(50, 50, 50); } @media screen and (max-width: 1024px) { |