Add CSS variable --highlight-color

This commit is contained in:
Jonatan Heyman 2025-04-15 11:28:37 +02:00
parent bffab4792a
commit 88fc7da486
3 changed files with 5 additions and 3 deletions

View File

@ -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

View File

@ -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>

View File

@ -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