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

Optimizing css for dark and solarized-dark themes

This commit is contained in:
John Ciprian
2018-12-12 19:43:01 -05:00
parent 29cf4769f5
commit cfcaa58b71
2 changed files with 5 additions and 12 deletions

View File

@@ -68,7 +68,7 @@ body[data-theme="default"], body[data-theme="white"]
body[data-theme="dark"] body[data-theme="dark"]
.root .root
border-left 1px solid $ui-dark-borderColor border-color $ui-dark-borderColor
border-top 1px solid $ui-dark-borderColor border-top 1px solid $ui-dark-borderColor
&:hover &:hover
background-color alpha($ui-dark-button--active-backgroundColor, 20%) background-color alpha($ui-dark-button--active-backgroundColor, 20%)
@@ -102,9 +102,7 @@ body[data-theme="dark"]
body[data-theme="solarized-dark"] body[data-theme="solarized-dark"]
.root .root
color $ui-solarized-dark-text-color border-color $ui-solarized-dark-borderColor
border-left 1px solid $ui-solarized-dark-borderColor
border-top 1px solid $ui-solarized-dark-borderColor
&:hover &:hover
background-color $ui-solarized-dark-noteDetail-backgroundColor background-color $ui-solarized-dark-noteDetail-backgroundColor
transition 0.15s transition 0.15s
@@ -118,8 +116,7 @@ body[data-theme="solarized-dark"]
.root--active .root--active
color $ui-solarized-dark-button--active-color color $ui-solarized-dark-button--active-color
background-color $ui-solarized-dark-button-backgroundColor background-color $ui-solarized-dark-button-backgroundColor
border-left 1px solid $ui-solarized-dark-borderColor border-color $ui-solarized-dark-borderColor
border-top 1px solid $ui-solarized-dark-borderColor
.deleteButton .deleteButton
color $ui-solarized-dark-button--active-color color $ui-solarized-dark-button--active-color
.button .button

View File

@@ -119,9 +119,7 @@ body[data-theme="dark"]
box-shadow none box-shadow none
.tabList .tabButton .tabList .tabButton
border-left 1px solid $ui-dark-borderColor border-color $ui-dark-borderColor
border-top 1px solid $ui-dark-borderColor
border-right 1px solid $ui-dark-borderColor
&:hover &:hover
background-color alpha($ui-dark-button--active-backgroundColor, 20%) background-color alpha($ui-dark-button--active-backgroundColor, 20%)
@@ -172,9 +170,7 @@ body[data-theme="solarized-dark"]
border 1px solid $ui-solarized-dark-borderColor border 1px solid $ui-solarized-dark-borderColor
.tabList .tabButton .tabList .tabButton
border-left 1px solid $ui-solarized-dark-borderColor border-color $ui-solarized-dark-borderColor
border-top 1px solid $ui-solarized-dark-borderColor
border-right 1px solid $ui-solarized-dark-borderColor
.tabButton .tabButton
&:hover &:hover