1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-23 14:41:44 +00:00

adding Nord theme and streamlining UI theming

This commit is contained in:
Baptiste Augrain
2019-02-08 00:50:47 +01:00
parent 8b8d915ab7
commit 1cdac943ba
45 changed files with 1192 additions and 2306 deletions

View File

@@ -47,70 +47,26 @@
text-align center
margin-bottom 25px
body[data-theme="dark"]
.root
modalDark()
apply-theme(theme)
body[data-theme={theme}]
.root
background-color transparent
.header
color $ui-dark-text-color
.header
color get-theme-var(theme, 'text-color')
.control-button
border-color $ui-dark-borderColor
color $ui-dark-text-color
background-color transparent
&:focus
colorDarkPrimaryButton()
.control-button
border-color get-theme-var(theme, 'borderColor')
color get-theme-var(theme, 'text-color')
background-color transparent
&:focus
colorThemedPrimaryButton(theme)
.description
color $ui-inactive-text-color
.description
color get-theme-var(theme, 'text-color')
body[data-theme="solarized-dark"]
.root
background-color transparent
for theme in 'dark' 'solarized-dark' 'dracula'
apply-theme(theme)
.header
color $ui-solarized-dark-text-color
.control-button
border-color $ui-solarized-dark-borderColor
color $ui-solarized-dark-text-color
background-color transparent
&:focus
colorDarkPrimaryButton()
.description
color $ui-solarized-dark-text-color
body[data-theme="monokai"]
.root
background-color transparent
.header
color $ui-monokai-text-color
.control-button
border-color $ui-monokai-borderColor
color $ui-monokai-text-color
background-color transparent
&:focus
colorDarkPrimaryButton()
.description
color $ui-monokai-text-color
body[data-theme="dracula"]
.root
background-color transparent
.header
color $ui-dracula-text-color
.control-button
border-color $ui-dracula-borderColor
color $ui-dracula-text-color
background-color transparent
&:focus
colorDraculaPrimaryButton()
.description
color $ui-dracula-text-color
for theme in $themes
apply-theme(theme)