From 2973f40c0010547b28d43ef8807c9cf78dce2531 Mon Sep 17 00:00:00 2001 From: Michael Zhang Date: Mon, 28 Oct 2024 22:49:36 -0500 Subject: [PATCH] dot color --- src/styles/_colors.scss | 4 +++- src/styles/global.scss | 4 ++-- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/src/styles/_colors.scss b/src/styles/_colors.scss index 56738ae..1366378 100644 --- a/src/styles/_colors.scss +++ b/src/styles/_colors.scss @@ -6,6 +6,7 @@ :root { --background-color: #{$backgroundColor}; --sidebar-color: #f8f8f8; + --background-dots-color: #{darken($backgroundColor, 5%)}; --faded-background-color: #{darken($backgroundColor, 10%)}; --shadow-color: #{darken($backgroundColor, 10%)}; --heading-color: #{darken(royalblue, 10%)}; @@ -50,6 +51,7 @@ :root { --background-color: #{$backgroundColor}; --sidebar-color: hsl(230, 20%, 20%); + --background-dots-color: #{lighten($backgroundColor, 3%)}; --faded-background-color: #{lighten($backgroundColor, 10%)}; --shadow-color: #{lighten($backgroundColor, 10%)}; --heading-color: #{lighten(lightskyblue, 20%)}; @@ -82,4 +84,4 @@ --astro-code-token-punctuation: #ffab70; --astro-code-token-link: black; } -} \ No newline at end of file +} diff --git a/src/styles/global.scss b/src/styles/global.scss index 914d99f..df6ab17 100644 --- a/src/styles/global.scss +++ b/src/styles/global.scss @@ -13,7 +13,7 @@ body { color: var(--text-color); // Dotted background :) - background-image: radial-gradient(var(--faded-background-color) 1px, transparent 0); + background-image: radial-gradient(var(--background-dots-color) 1px, transparent 0); background-size: 20px 20px; background-position: -19px -19px; @@ -145,4 +145,4 @@ pre>code { padding-left: 30px; padding-right: 30px; } -} \ No newline at end of file +}