introduce light theme

snapsnapturtle · Nov 9, 2023 · 7806c7e · 7806c7e
1 parent fbb3399
commit 7806c7e
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -11,7 +11,7 @@
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link
- href="https://fonts.googleapis.com/css2?family=Recursive:wght,CASL,CRSV,MONO@300..800,0.25,1,0.5&display=swap"
+ href="https://fonts.googleapis.com/css2?family=Recursive:wght,CASL,CRSV,MONO@300..800,0.25,0,0.5&display=swap"
  rel="stylesheet"
  />
 

diff --git a/styles/common.css b/styles/common.css
@@ -7,7 +7,8 @@ html {
 }
 
 body {
- background-color: var(--background);
+ background: var(--background);
+ background-size: 16px 16px;
  margin: 3rem 1rem 1rem;
  padding: 0;
  color: var(--text-primary);

diff --git a/styles/variables.css b/styles/variables.css
@@ -18,3 +18,14 @@
  );
  --font-family: 'Recursive', monospace;
 }
+
+@media (prefers-color-scheme: light) {
+ :root {
+ --background: rgb(255, 255, 255) radial-gradient(rgba(0, 0, 0, 0.075) 1px, transparent 0px);
+ --text-primary: rgba(0, 0, 0, 0.8);
+ --text-link: rgb(255, 79, 0);
+ --text-secondary: rgba(255, 255, 255, 0.4);
+ --fancy-gradient: rgb(255, 79, 0);
+ --font-family: 'Recursive', monospace;
+ }
+}