From 8bffc102096ae927af7102ee20fd3734dafc777a Mon Sep 17 00:00:00 2001 From: KS Jannette Date: Wed, 11 Feb 2026 20:00:35 -0500 Subject: [PATCH] more --- frontend/src/pages/Home.tsx | 8 +++++++- frontend/src/styles/button.css | 1 + frontend/src/styles/home.css | 16 ++++++++++++++++ frontend/src/styles/index.css | 18 ++---------------- 4 files changed, 26 insertions(+), 17 deletions(-) create mode 100644 frontend/src/styles/home.css diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx index 864addb..4c9774c 100644 --- a/frontend/src/pages/Home.tsx +++ b/frontend/src/pages/Home.tsx @@ -1,10 +1,16 @@ import Stickies from '../components/stickies'; +import '../styles/home.css' const Home = () => { return (
-

kohngrüti

+
+

kohngrüti

+
+
+ +
diff --git a/frontend/src/styles/button.css b/frontend/src/styles/button.css index 4202f62..5c398a1 100644 --- a/frontend/src/styles/button.css +++ b/frontend/src/styles/button.css @@ -1,6 +1,7 @@ .primaryButton { font-family: "Sulphur Point", sans-serif; font-size: 1.1rem; + color: #6dd6f4; width: 16rem; height: 2.5rem; margin-top: 14px; diff --git a/frontend/src/styles/home.css b/frontend/src/styles/home.css new file mode 100644 index 0000000..f9e4807 --- /dev/null +++ b/frontend/src/styles/home.css @@ -0,0 +1,16 @@ +.main-head-box { + border-radius: 8px; + border: 1px solid #6dd6f4; + background-color: rgb(92, 0, 91); + display: flex; + } + + .mainHead { + font-size: 5rem; + color: #6dd6f4; + margin: 2px 0px 24px 24px; + font-family: "Sulphur Point", sans-serif; + font-weight: 500; + letter-spacing: 3px; + text-decoration: underline; + } \ No newline at end of file diff --git a/frontend/src/styles/index.css b/frontend/src/styles/index.css index f25f4b7..319e68b 100644 --- a/frontend/src/styles/index.css +++ b/frontend/src/styles/index.css @@ -43,7 +43,7 @@ button { } button:hover { - border-color: #646cff; + border-color: #6dd6f4; } button:focus, @@ -56,21 +56,7 @@ button:disabled { cursor: not-allowed; } -.main-head-box { - border-radius: 8px; - border: 1px solid #6dd6f4; - background-color: rgb(92, 0, 91); - display: flex; -} -.mainHead { - font-size: 5rem; - color: #6dd6f4; - margin: 2px 0px 24px 0px; - font-family: "Sulphur Point", sans-serif; - font-weight: 500; - letter-spacing: 3px; - text-decoration: underline; -} + @media (prefers-color-scheme: light) { :root {