From 90a141c6c92f01e0f3230232048cf7733f5d5bc8 Mon Sep 17 00:00:00 2001
From: Ada <ada@gnous.eu>
Date: Sun, 14 May 2023 03:27:54 +0200
Subject: [PATCH] better css (thank aki)
---
ui.css | 40 ++++++++++++++++++++++++++--------------
1 file changed, 26 insertions(+), 14 deletions(-)
diff --git a/ui.css b/ui.css
index 18a4248..921f0d9 100644
--- a/ui.css
+++ b/ui.css
@@ -1,14 +1,16 @@
:root {
--main-width: 85vw;
- --text-color: #C71585;
+ --title-color: #C71585;
--bg-color: white;
+ --text-color: #212121;
}
@media (prefers-color-scheme: dark) {
:root {
--bg-color: #212121;
- --text-color: #FF69B4;
+ --title-color: #FF69B4;
+ --text-color: white;
}
}
@@ -21,7 +23,7 @@
html {
- font-family: Noto Sans;
+ font-family: system-ui;
scroll-behavior: smooth;
color: var(--text-color);
}
@@ -31,18 +33,28 @@ body {
margin-left: auto;
margin-right: auto;
background-color: var(--bg-color);
+ line-height: 1.65
+}
+
+h3 {
+ font-weight: normal;
+ color: var(--title-color)
+}
+a {
+ color: dodgerblue;
+ text-decoration: none;
+ transition: ease 250ms
+}
+a:hover {
+ color: var(--title-color);
+ text-decoration: underline;
+}
+
+h1, h2 {
+ font-weight: 600;
+ color: var(--title-color)
}
h1 {
- padding-bottom: 0;
-}
-
-a {
- color: var(--text-color);
- text-decoration: none;
-}
-a:hover {
- color: var(--bg-color);
- text-decoration: underline;
- text-decoration-color: var(--text-color);
+ line-height: 2;
}
\ No newline at end of file