From 6a3d541fb436b0f0207ef5206c4f7ab18c719f3d Mon Sep 17 00:00:00 2001 From: DarkCat09 Date: Wed, 16 Aug 2023 14:35:03 +0400 Subject: [PATCH] Buttons styling --- static/common.css | 32 ++++++++++++++++++++++++++++---- static/get.css | 8 +++++--- templates/get.ejs | 4 ++-- templates/index.ejs | 2 +- 4 files changed, 36 insertions(+), 10 deletions(-) diff --git a/static/common.css b/static/common.css index 1f6e408..dc03afd 100644 --- a/static/common.css +++ b/static/common.css @@ -6,8 +6,10 @@ --bg: #fff; --fg: #111; - --link: hsl(207, 100%, 40%); - --link-hl: hsl(207, 100%, 20%); + --bg2: #bbb; + + --accent: hsl(207, 100%, 40%); + --accent-hl: hsl(207, 100%, 20%); } @media (prefers-color-scheme: dark) { @@ -15,8 +17,10 @@ --bg: #222; --fg: #eee; - --link: hsl(207, 100%, 60%); - --link-hl: hsl(207, 100%, 80%); + --bg2: #444; + + --accent: hsl(207, 100%, 60%); + --accent-hl: hsl(207, 100%, 80%); } } @@ -36,3 +40,23 @@ main { width: 100%; margin: auto; } + +.button { + padding: 0.25rem 0.5rem; + + border: 0.125rem solid var(--accent); + border-radius: 0.25rem; + + background: var(--bg); + color: var(--fg); + text-decoration: none; + + cursor: pointer; +} +.button.secondary { + border-color: var(--bg2); +} +.button:hover { + background: var(--bg2); + color: var(--fg); +} diff --git a/static/get.css b/static/get.css index fc3c161..0a03379 100644 --- a/static/get.css +++ b/static/get.css @@ -1,17 +1,19 @@ .menu { display: flex; flex-direction: row; - column-gap: 1rem; + column-gap: 0.25rem; + + font-size: 0.9rem; } .title { font-weight: 500; } a { - color: var(--link); + color: var(--accent); } a:hover { - color: var(--link-hl); + color: var(--accent-hl); } pre { diff --git a/templates/get.ejs b/templates/get.ejs index e51e288..41490ef 100644 --- a/templates/get.ejs +++ b/templates/get.ejs @@ -12,8 +12,8 @@
- Home - Original page + Home + Original page
<%= parsed.title %> diff --git a/templates/index.ejs b/templates/index.ejs index d996086..d4fc118 100644 --- a/templates/index.ejs +++ b/templates/index.ejs @@ -21,7 +21,7 @@
- +