From 73df09bb39fcb21d38551c03652ac27a78c03709 Mon Sep 17 00:00:00 2001 From: weightedangelcube Date: Sat, 22 Mar 2025 20:17:43 -0600 Subject: [PATCH] feat: add Catppuccin colours --- .gitattributes | 1 + src/styles/_var.scss | 19 ++++++++++--------- src/styles/footer.scss | 4 ++++ src/styles/header.scss | 6 +++++- src/styles/main.scss | 2 +- 5 files changed, 21 insertions(+), 11 deletions(-) create mode 100644 .gitattributes diff --git a/.gitattributes b/.gitattributes new file mode 100644 index 0000000..2125666 --- /dev/null +++ b/.gitattributes @@ -0,0 +1 @@ +* text=auto \ No newline at end of file diff --git a/src/styles/_var.scss b/src/styles/_var.scss index 6f100de..72eeef0 100644 --- a/src/styles/_var.scss +++ b/src/styles/_var.scss @@ -5,13 +5,14 @@ --font-main: 'Space Mono', monospace; --font-secondary: 'Rubik'; --font-scale: 1em; - --background-color: rgb(42, 42, 42); - --heading-color: rgb(144, 157, 204); - --text-color: rgb(144, 157, 204); - --footer-color: rgb(138, 148, 182); - --link-color: rgb(144, 157, 204); - --visited-color: rgb(144, 157, 204); - --code-background-color: rgb(107, 112, 188); - --code-color: rgb(42, 42, 42); - --blockquote-color: rgb(71, 71, 71); + --background-color: #24273a; + --title-color: #b7bdf8; + --heading-color: #b7bdf8; + --text-color: #cad3f5; + --footer-color: #a5adcb; + --link-color: #b7bdf8; + --visited-color: #b7bdf8; + --code-background-color: #363a4f; + --code-color: #cad3f5; + --blockquote-color: #363a4f; } \ No newline at end of file diff --git a/src/styles/footer.scss b/src/styles/footer.scss index 962d649..17caf9b 100644 --- a/src/styles/footer.scss +++ b/src/styles/footer.scss @@ -4,4 +4,8 @@ footer { padding: 25px 0; text-align: center; color: var(--footer-color); +} + +footer a { + color: var(--footer-color); } \ No newline at end of file diff --git a/src/styles/header.scss b/src/styles/header.scss index b2f1101..c9b3912 100644 --- a/src/styles/header.scss +++ b/src/styles/header.scss @@ -7,8 +7,12 @@ .title h1 { font-size: 1em; padding: 5px 10px; - background: var(--heading-color); + background: var(--title-color); color: var(--background-color); display: inline-block; font-weight: 400; +} + +nav > p > a { + color: var(--heading-color); } \ No newline at end of file diff --git a/src/styles/main.scss b/src/styles/main.scss index d8be3c6..1fb9b47 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -75,7 +75,7 @@ ul { } svg { - color: var(--text-color); + color: var(--link-color); } // inlines -- 2.51.2