mirror of
https://github.com/heyman/heynote.git
synced 2025-06-28 21:41:40 +02:00
Add CSS variable --highlight-color
This commit is contained in:
parent
bffab4792a
commit
88fc7da486
@ -351,7 +351,6 @@
|
|||||||
<style scoped lang="sass">
|
<style scoped lang="sass">
|
||||||
.note-selector
|
.note-selector
|
||||||
font-size: 13px
|
font-size: 13px
|
||||||
//background: #48b57e
|
|
||||||
background: #efefef
|
background: #efefef
|
||||||
position: absolute
|
position: absolute
|
||||||
top: 0
|
top: 0
|
||||||
|
@ -26,10 +26,11 @@
|
|||||||
+dark-mode
|
+dark-mode
|
||||||
background: #292929
|
background: #292929
|
||||||
&.active
|
&.active
|
||||||
background: #48b57e
|
background: var(--highlight-color)
|
||||||
color: #fff
|
color: #fff
|
||||||
cursor: default
|
cursor: default
|
||||||
+dark-mode
|
+dark-mode
|
||||||
background: #1b6540
|
// needed for specificity (to not be overridden by :hover in dark mode)
|
||||||
|
background: var(--highlight-color)
|
||||||
|
|
||||||
</style>
|
</style>
|
@ -1,10 +1,12 @@
|
|||||||
:root[theme='light']
|
:root[theme='light']
|
||||||
--status-bar-background: #48b57e
|
--status-bar-background: #48b57e
|
||||||
--status-bar-color: #fff
|
--status-bar-color: #fff
|
||||||
|
--highlight-color: #48b57e
|
||||||
|
|
||||||
:root[theme='dark']
|
:root[theme='dark']
|
||||||
--status-bar-background: #0e1217
|
--status-bar-background: #0e1217
|
||||||
--status-bar-color: rgba(255, 255, 255, 0.75)
|
--status-bar-color: rgba(255, 255, 255, 0.75)
|
||||||
|
--highlight-color: #1b6540
|
||||||
|
|
||||||
html
|
html
|
||||||
margin: 0
|
margin: 0
|
||||||
|
Loading…
x
Reference in New Issue
Block a user