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 {