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:
@@ -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
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user