extern/heynote
1
0
Fork 0
mirror of https://github.com/heyman/heynote.git synced 2025-01-22 22:08:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

Tweak colors of dark theme

Browse Source
This commit is contained in:
Jonatan Heyman 2023-01-14 23:33:07 +01:00
parent 856a9b16fd
commit 2b3a7817c8
2 changed files with 14 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/StatusBar.vue
View File

@ -56,7 +56,7 @@
box-sizing: border-box box-sizing: border-box
height: 22px height: 22px
width: 100% width: 100%
background-color: #48b57e background: #48b57e
color: #fff color: #fff
font-family: "Open Sans" font-family: "Open Sans"
font-size: 12px font-size: 12px
@ -65,6 +65,16 @@
display: flex display: flex
flex-direction: row flex-direction: row
&.dark
background: #0e1713
color: rgba(255, 255, 255, 0.75)
.status-block.line-number
color: rgba(255, 255, 255, 0.55)
.num
color: rgba(255, 255, 255, 0.75)
.status-block.lang .auto
color: rgba(255, 255, 255, 0.55)
.spacer .spacer
flex-grow: 1 flex-grow: 1

5
src/editor/theme/dark.js
View File

@ -62,7 +62,7 @@ const darkTheme = EditorView.theme({
}, },
'&.cm-focused .cm-matchingBracket': { '&.cm-focused .cm-matchingBracket': {
backgroundColor: matchingBracket, backgroundColor: matchingBracket,
color: base02 color: "inherit",
}, },
'&.cm-focused .cm-nonmatchingBracket': { '&.cm-focused .cm-nonmatchingBracket': {
outline: `0.5px solid #bc8f8f` outline: `0.5px solid #bc8f8f`
@ -106,7 +106,8 @@ const darkTheme = EditorView.theme({
borderTop: "1px solid #1e222a", borderTop: "1px solid #1e222a",
}, },
".heynote-blocks-layer .block-odd": { ".heynote-blocks-layer .block-odd": {
background: "#222f38", //background: "#222f38",
background: "#213644",
borderTop: "1px solid #1e222a", borderTop: "1px solid #1e222a",
}, },
}, { dark: true }); }, { dark: true });