summaryrefslogtreecommitdiff
path: root/app/globals.css
diff options
context:
space:
mode:
Diffstat (limited to 'app/globals.css')
-rw-r--r--app/globals.css35
1 files changed, 35 insertions, 0 deletions
diff --git a/app/globals.css b/app/globals.css
new file mode 100644
index 0000000..172ed1e
--- /dev/null
+++ b/app/globals.css
@@ -0,0 +1,35 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+ --background: 255, 255, 255;
+ --background-blend: rgba(234, 144, 206, 0.5);
+ --foreground: 0, 0, 0;
+ --accent: 255, 192, 203;
+ --accent-foreground: 33, 33, 33;
+}
+
+.dark {
+ --background: 18, 18, 18;
+ --background-blend: rgba(127, 1, 131, 0.483);
+ --foreground: 255, 255, 255;
+ --accent: 255, 182, 193;
+ --accent-foreground: 240, 240, 240;
+}
+
+body {
+ color: rgb(var(--foreground));
+ background-image: url("https://static.simponic.xyz/static/penguins.png");
+ background-repeat: repeat;
+ background-size: 900px;
+ background-color: var(--background-blend);
+ background-blend-mode: multiply;
+ backdrop-filter: blur(3px);
+}
+
+.glass {
+ background: rgba(var(--background), 0.7);
+ backdrop-filter: blur(10px);
+ border: 1px solid rgba(var(--foreground), 0.1);
+}