1
0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00

Adding support for monokai interface theme

This commit is contained in:
John Ciprian
2018-12-12 19:41:02 -05:00
parent 58fd2273ea
commit 29cf4769f5
2 changed files with 24 additions and 20 deletions

View File

@@ -139,41 +139,37 @@ body[data-theme="solarized-dark"]
body[data-theme="monokai"] body[data-theme="monokai"]
.root .root
color $ui-monokai-text-color border-color $ui-monokai-borderColor
border-color $ui-dark-borderColor
&:hover &:hover
background-color $ui-monokai-noteDetail-backgroundColor background-color $ui-monokai-noteDetail-backgroundColor
transition 0.15s
.deleteButton .deleteButton
color $ui-monokai-text-color color $ui-monokai-text-color
&:active transition 0.15s
color $ui-monokai-text-color .button
background-color $ui-dark-button--active-backgroundColor color $ui-monokai-text-color
transition 0.15s
.root--active .root--active
color $ui-monokai-text-color color $ui-monokai-active-color
background-color darken($ui-monokai-noteDetail-backgroundColor, 15%) background-color $ui-monokai-button-backgroundColor
&:hover border-color $ui-monokai-borderColor
.deleteButton .deleteButton
color $ui-monokai-text-color color $ui-monokai-text-color
&:active .button
color $ui-monokai-text-color color $ui-monokai-active-color
background-color $ui-dark-button--active-backgroundColor
.button .button
border none border none
color $ui-monokai-text-color color $ui-inactive-text-color
background-color transparent background-color transparent
transition color background-color 0.15s transition color background-color 0.15s
border-left 4px solid transparent border-left 4px solid transparent
&:hover
color $ui-monokai-text-color
.input .input
background-color $ui-monokai-noteDetail-backgroundColor background-color $ui-monokai-noteDetail-backgroundColor
color $ui-monokai-text-color color $ui-monokai-text-color
transition 0.15s
.deleteButton
color alpha($ui-monokai-text-color, 30%)
body[data-theme="dracula"] body[data-theme="dracula"]
.root .root

View File

@@ -199,6 +199,14 @@ body[data-theme="monokai"]
color $ui-monokai-text-color color $ui-monokai-text-color
border 1px solid $ui-monokai-borderColor border 1px solid $ui-monokai-borderColor
.tabList .tabButton
border-color $ui-monokai-borderColor
.tabButton
&:hover
color $ui-monokai-text-color
background-color $ui-monokai-noteDetail-backgroundColor
.tabList .tabList
background-color $ui-monokai-noteDetail-backgroundColor background-color $ui-monokai-noteDetail-backgroundColor
color $ui-monokai-text-color color $ui-monokai-text-color