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