From d0e4dcc6ef057f4c680838d4f8ac8e099a166225 Mon Sep 17 00:00:00 2001
From: FrostyBiscuit <frostybiscuit@proton.me>
Date: Sun, 16 Feb 2025 13:04:17 +0100
Subject: Initial push with version 0.1.1

---
 shared/constants.js  |  1 +
 shared/variables.css | 41 +++++++++++++++++++++++++++++++++++++++++
 2 files changed, 42 insertions(+)
 create mode 100644 shared/constants.js
 create mode 100644 shared/variables.css

(limited to 'shared')

diff --git a/shared/constants.js b/shared/constants.js
new file mode 100644
index 0000000..92eb2fd
--- /dev/null
+++ b/shared/constants.js
@@ -0,0 +1 @@
+export const BROWSER_STORAGE_KEY = "transparentZenSettings";
\ No newline at end of file
diff --git a/shared/variables.css b/shared/variables.css
new file mode 100644
index 0000000..8f48cb2
--- /dev/null
+++ b/shared/variables.css
@@ -0,0 +1,41 @@
+:root {
+  --color-primary: #82c7ff;
+  --color-secondary: orange;
+  --color-tertiary: blueviolet;
+  --color-link-visited: #9ea2ff;
+  --color-text: var(--color-white);
+  --color-text-alt: #2b2b2b;
+  --color-bg: var(--color-white);
+  --color-bg-alt: #efefef;
+
+  --color-white: #fff;
+  --color-grey: #b9b9b9;
+  --color-black: #111;
+  --color-black-deep: #000;
+  --color-black-light: #222;
+
+  --color-green: mediumseagreen;
+  --color-red: indianred;
+  --color-orange: darkorange;
+  --color-blue: deepskyblue;
+
+  --transparent-background: rgb(from var(--color-bg) r g b / 0.5);
+  --transparent-background-dark: rgb(from var(--color-bg) r g b / 0.75);
+  --transparent-background-darker: rgb(from var(--color-bg) r g b / 0.9);
+  --transparent-text: rgb(from var(--color-text) r g b / 0.5);
+  --transparent-primary: rgb(from var(--color-primary) r g b / 0.5);
+  --gradient: linear-gradient(20deg, var(--color-primary), var(--color-tertiary));
+  --gradient-reverse: linear-gradient(200deg, var(--color-primary), var(--color-tertiary));
+  --border-radius: 5px;
+  --border-radius-lg: 8px;
+  --backdrop-blur: blur(8px);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --color-bg: var(--color-black);
+    --color-bg-alt: var(--color-black-light);
+    --color-text: var(--color-white);
+    --color-text-alt: var(--color-grey);
+  }
+}
-- 
cgit v1.2.3