public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

changed all colors to variables & styled for monokai theme

Browse Source
This commit is contained in:
Nguyễn Việt Hưng
2018-05-28 15:15:09 +07:00
parent c2c50817f1
commit 10500c3c1c
1 changed files with 28 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
browser/main/modals/PreferencesModal/SnippetTab.styl
View File

@@ -133,26 +133,48 @@
width 100% width 100%
height 90% height 90%
body[data-theme="default"], body[data-theme="white"]
.snippets
background $ui-backgroundColor
.snippet-item
color black
&::after
background $ui-borderColor
&:hover
background darken($ui-backgroundColor, 5)
body[data-theme="dark"] body[data-theme="dark"]
.snippets .snippets
background: #2E3235 background $ui-dark-backgroundColor
.snippet-item .snippet-item
color white color white
&::after &::after
background rgba(255, 255, 255 0.1) background $ui-dark-borderColor
&:hover &:hover
background darken(#2E3235, 5) background darken($ui-dark-backgroundColor, 5)
.snippet-detail .snippet-detail
color white color white
body[data-theme="solarized-dark"] body[data-theme="solarized-dark"]
.snippets .snippets
background: #083e4c background $ui-solarized-dark-backgroundColor
.snippet-item .snippet-item
color white color white
&::after &::after
background rgba(255, 255, 255 0.1) background $ui-solarized-dark-borderColor
&:hover &:hover
background #0a4d5e background darken($ui-solarized-dark-backgroundColor, 5)
.snippet-detail
color white
body[data-theme="monokai"]
.snippets
background $ui-monokai-backgroundColor
.snippet-item
color White
&::after
background $ui-monokai-borderColor
&:hover
background darken($ui-monokai-backgroundColor, 5)
.snippet-detail .snippet-detail
color white color white