lytedev/site.lyte.dev
1
0
Fork 0
Code Issues Pull requests 1 Releases Wiki Activity

Fix button styles

Browse source
This commit is contained in:
Daniel Flanagan 2020-12-18 10:01:32 -06:00
parent 84d2ecabe5
commit ae376972d9
Signed by: lytedev
GPG key ID: 5B2020A0F9921EF4
2 changed files with 15 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/stylus/core.styl
View file

@ -63,7 +63,7 @@ body
color var(--fg) color var(--fg)
&:visited { color: var(--fg) } &:visited { color: var(--fg) }
&:hover { background: rgba(255, 255, 255, 0.1) } &:hover { background: var(--header-hover-bg) }
&> img { max-width: 48px } &> img { max-width: 48px }
&> h1 &> h1
font-weight 300 font-weight 300

20
src/stylus/theme.styl
View file

@ -27,8 +27,6 @@ dark-syntax = {
theme-colors = { theme-colors = {
heading-fg: #333, heading-fg: #333,
icon-shadow: #fff, icon-shadow: #fff,
input-bg: rgba(0, 0, 0, 0.08),
input-hover-bg: rgba(0, 0, 0, 0.16),
link-visited-fg: #666, link-visited-fg: #666,
link-fg: #000, link-fg: #000,
} }
@ -39,10 +37,6 @@ theme-colors = {
--msff ldiosevka, monospace --msff ldiosevka, monospace
--pc #df3c59 --pc #df3c59
--pcd #8e293b --pcd #8e293b
--input-focus-bg var(--input-bg)
--button-bg var(--input-bg)
--button-hover-bg var(--input-hover-bg)
--button-focus-bg var(--input-bg)
light-theme = light-theme =
for k, v in light-syntax for k, v in light-syntax
@ -51,8 +45,15 @@ light-theme =
{unquote("--" + k2)}: v2 {unquote("--" + k2)}: v2
--bg #fff --bg #fff
--header-bg #eee --header-bg #eee
--header-hover-bg #ddd
--fg #111 --fg #111
--inline-code-bg #ddd --inline-code-bg #ddd
--input-bg rgba(0, 0, 0, 0.08)
--input-hover-bg rgba(0, 0, 0, 0.16)
--input-focus-bg var(--input-bg)
--button-bg var(--input-bg)
--button-hover-bg var(--input-hover-bg)
--button-focus-bg var(--input-bg)
dark-theme = dark-theme =
for k, v in dark-syntax for k, v in dark-syntax
@ -61,9 +62,16 @@ dark-theme =
{unquote("--" + k2)}: invert(v2) {unquote("--" + k2)}: invert(v2)
--bg #111 --bg #111
--header-bg #191919 --header-bg #191919
--header-hover-bg #333
--fg #fff --fg #fff
--link-visited-fg #aaa --link-visited-fg #aaa
--inline-code-bg #222 --inline-code-bg #222
--input-bg rgba(255, 255, 255, 0.08)
--input-hover-bg rgba(255, 255, 255, 0.16)
--input-focus-bg var(--input-bg)
--button-bg var(--input-bg)
--button-hover-bg var(--input-hover-bg)
--button-focus-bg var(--input-bg)
:root, body.light-theme :root, body.light-theme
{light-theme} {light-theme}