From 3f554a526ab14dc5affc536bd0383639bb6185c2 Mon Sep 17 00:00:00 2001
From: Pietro Quintavalle <0pietroquintavalle0@gmail.com>
Date: Fri, 21 Jun 2024 17:04:25 +0200
Subject: [PATCH] Finished the theme (maybe)

---
 .gitignore    |   2 +
 manifest.json |   6 +-
 theme.css     | 181 +++++++++++++++++++++++++++++++++++++++++++++++---
 3 files changed, 177 insertions(+), 12 deletions(-)

diff --git a/.gitignore b/.gitignore
index 32aa38e..93ee95a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -13,3 +13,5 @@ node_modules
 
 # Exclude macOS Finder (System Explorer) View States
 .DS_Store
+
+.publish.css
diff --git a/manifest.json b/manifest.json
index a3ebe75..87bee07 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,7 +1,7 @@
 {
-	"name": "Sample Theme",
+	"name": "Aurora-Twilight",
 	"version": "1.0.0",
 	"minAppVersion": "1.0.0",
-	"author": "Obsidian",
+	"author": "Quintavalle Pietro",
 	"authorUrl": "https://obsidian.md"
-}
\ No newline at end of file
+}
diff --git a/theme.css b/theme.css
index 2307fc8..5e0c4b0 100644
--- a/theme.css
+++ b/theme.css
@@ -1,13 +1,27 @@
+@import url('https://fonts.googleapis.com/css?family=Quicksand:700|Cabin:400');
+
 body {
-	--radius-s: 0px;
-	--radius-m: 0px;
-	--radius-l: 0px;
-	--input-radius: 0px;
-	--tab-radius-active: 0px;
-	--checkbox-radius: 0px;
-	--toggle-radius: 0px;
-	--toggle-thumb-radius: 0px;
-	--slider-thumb-radius: 0px;
+	font-family: 'Cabin', sans-serif;
+	background-color: var(--background-primary);
+	color: var(--text);
+}
+
+h1, h2, h3, h4, h5, h6 {
+	font-family: 'Quicksand', sans-serif;
+	font-weight: bolder;
+}
+
+body {
+	--font-text-theme: Cabin, Quicksand;
+	--radius-s: 8px;
+	--radius-m: 12px;
+	--radius-l: 16px;
+	--input-radius: 12px;
+	--tab-radius-active: 12px;
+	--checkbox-radius: 12px;
+	--toggle-radius: 12px;
+	--toggle-thumb-radius: 12px;
+	--slider-thumb-radius: 12px;
 }
 
 .workspace-tab-header.is-active::before, .workspace-tab-header.is-active::after {
@@ -23,12 +37,161 @@ svg * {
 
 .menu {
 	padding: var(--size-2-1);
+	border-radius: var(--radius-m);
+	background-color: var(--background-primary);
+	color: var(--text);
 }
 
 .menu-item {
 	padding: var(--size-4-1) var(--size-4-2);
+	border-radius: var(--radius-s);
 }
 
 .menu-separator {
 	margin: var(--size-2-1) calc(var(--size-2-1) * -1);
 }
+
+.theme-light {
+	--text: rgb(2, 2, 34);
+	--background-primary: rgb(221, 223, 253);
+	--background-secondary: rgb(255, 255, 255);
+	--primary: rgb(7, 136, 82);
+	--secondary: rgb(104, 248, 154);
+	--accent: rgb(181, 208, 73);
+
+	--highlight-hue: 30;
+	--italic-color: #82c0e9;
+	--bold-color: #d86679;
+	--h1-color: #ffc444;
+	--h2-color: #faa250;
+	--h3-color: #f88765;
+	--h4-color: #f88773;
+	--h5-color: #f88773;
+	--h6-color: #f88773;
+}
+
+.theme-dark {
+	--text: rgb(221, 221, 253);
+	--background-primary: rgb(2, 4, 34);
+	--background-secondary: rgb(0, 0, 0);
+	--primary: rgb(119, 248, 194);
+	--secondary: rgb(7, 151, 57);
+	--accent: rgb(155, 182, 47);
+
+	--highlight-hue: 30;
+	--italic-color: #82c0e9;
+	--bold-color: #d86679;
+	--h1-color: #ffc444;
+	--h2-color: #faa250;
+	--h3-color: #f88765;
+	--h4-color: #f88773;
+	--h5-color: #f88773;
+	--h6-color: #f88773;
+}
+
+/* Add border-radius to additional elements */
+.workspace-tab-header {
+	border-radius: var(--radius-m);
+	color: var(--text);
+}
+
+.workspace-tab-header.is-active {
+	border-radius: var(--tab-radius-active);
+}
+
+input, textarea {
+	border-radius: var(--input-radius);
+	background-color: var(--background-secondary);
+	color: var(--text);
+}
+
+.checkbox-container input[type="checkbox"] {
+	border-radius: var(--checkbox-radius);
+}
+
+.toggle-container input[type="checkbox"] + label {
+	border-radius: var(--toggle-radius);
+}
+
+.toggle-container input[type="checkbox"] + label:before {
+	border-radius: var(--toggle-thumb-radius);
+}
+
+input[type="range"]::-webkit-slider-thumb {
+	border-radius: var(--slider-thumb-radius);
+}
+
+body.theme-light {
+	background-color: var(--background-primary);
+	color: var(--text);
+}
+
+body.theme-dark {
+	background-color: var(--background-primary);
+	color: var(--text);
+}
+
+/* Custom colors for headings and text styles */
+body.theme-light h1 {
+	color: var(--h1-color);
+}
+
+body.theme-light h2 {
+	color: var(--h2-color);
+}
+
+body.theme-light h3 {
+	color: var(--h3-color);
+}
+
+body.theme-light h4 {
+	color: var(--h4-color);
+}
+
+body.theme-light h5 {
+	color: var(--h5-color);
+}
+
+body.theme-light h6 {
+	color: var(--h6-color);
+}
+
+body.theme-dark h1 {
+	color: var(--h1-color);
+}
+
+body.theme-dark h2 {
+	color: var(--h2-color);
+}
+
+body.theme-dark h3 {
+	color: var(--h3-color);
+}
+
+body.theme-dark h4 {
+	color: var(--h4-color);
+}
+
+body.theme-dark h5 {
+	color: var(--h5-color);
+}
+
+body.theme-dark h6 {
+	color: var(--h6-color);
+}
+
+body.theme-light em {
+	color: var(--italic-color);
+}
+
+body.theme-dark em {
+	color: var(--italic-color);
+}
+
+body.theme-light strong {
+	color: var(--bold-color);
+}
+
+body.theme-dark strong {
+	color: var(--bold-color);
+}