Browse Source

Fix button styles

master
Daniel Flanagan 4 weeks ago
parent
commit
ae376972d9
Signed by: lytedev GPG Key ID: 5B2020A0F9921EF4
2 changed files with 15 additions and 7 deletions
  1. +1
    -1
      src/stylus/core.styl
  2. +14
    -6
      src/stylus/theme.styl

+ 1
- 1
src/stylus/core.styl View File

@ -63,7 +63,7 @@ body
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 }
&> h1
font-weight 300


+ 14
- 6
src/stylus/theme.styl View File

@ -27,8 +27,6 @@ dark-syntax = {
theme-colors = {
heading-fg: #333,
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-fg: #000,
}
@ -39,10 +37,6 @@ theme-colors = {
--msff ldiosevka, monospace
--pc #df3c59
--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 =
for k, v in light-syntax
@ -51,8 +45,15 @@ light-theme =
{unquote("--" + k2)}: v2
--bg #fff
--header-bg #eee
--header-hover-bg #ddd
--fg #111
--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 =
for k, v in dark-syntax
@ -61,9 +62,16 @@ dark-theme =
{unquote("--" + k2)}: invert(v2)
--bg #111
--header-bg #191919
--header-hover-bg #333
--fg #fff
--link-visited-fg #aaa
--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
{light-theme}


Loading…
Cancel
Save