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">
.note-selector
font-size: 13px
//background: #48b57e
background: #efefef
position: absolute
top: 0

View File

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

View File

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