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
height: 22px
width: 100%
background-color: #48b57e
background: #48b57e
color: #fff
font-family: "Open Sans"
font-size: 12px
@ -65,6 +65,16 @@
display: flex
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
flex-grow: 1

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

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