mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 01:36:22 +00:00
modify: change background-color for note-detail component
This commit is contained in:
@@ -55,6 +55,7 @@ body
|
|||||||
line-height 1.6
|
line-height 1.6
|
||||||
overflow-x hidden
|
overflow-x hidden
|
||||||
user-select all
|
user-select all
|
||||||
|
background-color $ui-noteDetail-backgroundColor
|
||||||
.katex
|
.katex
|
||||||
font 400 1.2em 'KaTeX_Main'
|
font 400 1.2em 'KaTeX_Main'
|
||||||
line-height 1.2em
|
line-height 1.2em
|
||||||
@@ -273,13 +274,14 @@ table
|
|||||||
themeDarkBackground = darken(#21252B, 10%)
|
themeDarkBackground = darken(#21252B, 10%)
|
||||||
themeDarkText = #DDDDDD
|
themeDarkText = #DDDDDD
|
||||||
themeDarkBorder = lighten(themeDarkBackground, 20%)
|
themeDarkBorder = lighten(themeDarkBackground, 20%)
|
||||||
themeDarkPreview = #282C34
|
themeDarkPreview = $ui-dark-noteDetail-backgroundColor
|
||||||
themeDarkTableOdd = themeDarkPreview
|
themeDarkTableOdd = themeDarkPreview
|
||||||
themeDarkTableEven = darken(themeDarkPreview, 10%)
|
themeDarkTableEven = darken(themeDarkPreview, 10%)
|
||||||
themeDarkTableHead = themeDarkTableEven
|
themeDarkTableHead = themeDarkTableEven
|
||||||
themeDarkTableBorder = themeDarkBorder
|
themeDarkTableBorder = themeDarkBorder
|
||||||
themeDarkModalButtonDefault = themeDarkPreview
|
themeDarkModalButtonDefault = themeDarkPreview
|
||||||
themeDarkModalButtonDanger = #BF360C
|
themeDarkModalButtonDanger = #BF360C
|
||||||
|
|
||||||
body[data-theme="dark"]
|
body[data-theme="dark"]
|
||||||
color themeDarkText
|
color themeDarkText
|
||||||
border-color themeDarkBorder
|
border-color themeDarkBorder
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ $info-height = 60px
|
|||||||
absolute top left right
|
absolute top left right
|
||||||
height $info-height
|
height $info-height
|
||||||
border-bottom $ui-border
|
border-bottom $ui-border
|
||||||
background-color $ui-backgroundColor
|
background-color $ui-noteDetail-backgroundColor
|
||||||
|
|
||||||
.info-left
|
.info-left
|
||||||
float left
|
float left
|
||||||
@@ -49,7 +49,7 @@ $info-height = 60px
|
|||||||
body[data-theme="dark"]
|
body[data-theme="dark"]
|
||||||
.info
|
.info
|
||||||
border-color $ui-dark-borderColor
|
border-color $ui-dark-borderColor
|
||||||
background-color $ui-dark-backgroundColor
|
background-color $ui-dark-noteDetail-backgroundColor
|
||||||
|
|
||||||
.info-delete
|
.info-delete
|
||||||
color $ui-dark-text-color
|
color $ui-dark-text-color
|
||||||
|
|||||||
@@ -24,6 +24,7 @@
|
|||||||
border none
|
border none
|
||||||
padding 10px
|
padding 10px
|
||||||
line-height 1.6
|
line-height 1.6
|
||||||
|
background-color $ui-noteDetail-backgroundColor
|
||||||
|
|
||||||
.tabList
|
.tabList
|
||||||
absolute left right
|
absolute left right
|
||||||
@@ -31,7 +32,7 @@
|
|||||||
height 30px
|
height 30px
|
||||||
border-bottom $ui-border
|
border-bottom $ui-border
|
||||||
display flex
|
display flex
|
||||||
background-color $ui-backgroundColor
|
background-color $ui-noteDetail-backgroundColor
|
||||||
|
|
||||||
.tabList .list
|
.tabList .list
|
||||||
flex 1
|
flex 1
|
||||||
@@ -71,13 +72,13 @@ body[data-theme="dark"]
|
|||||||
border-bottom-color $ui-dark-borderColor
|
border-bottom-color $ui-dark-borderColor
|
||||||
|
|
||||||
.body .description textarea
|
.body .description textarea
|
||||||
background-color $ui-dark-button--hover-backgroundColor
|
background-color $ui-dark-noteDetail-backgroundColor
|
||||||
color white
|
color white
|
||||||
|
|
||||||
.tabList
|
.tabList
|
||||||
background-color $ui-button--active-backgroundColor
|
background-color $ui-button--active-backgroundColor
|
||||||
border-bottom-color $ui-dark-borderColor
|
border-bottom-color $ui-dark-borderColor
|
||||||
background-color $ui-dark-backgroundColor
|
background-color $ui-dark-noteDetail-backgroundColor
|
||||||
|
|
||||||
.tabList .list
|
.tabList .list
|
||||||
border-color $ui-dark-borderColor
|
border-color $ui-dark-borderColor
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
.root
|
.root
|
||||||
absolute bottom left right
|
absolute bottom left right
|
||||||
height $statusBar-height
|
height $statusBar-height
|
||||||
background-color $ui-backgroundColor
|
background-color $ui-noteDetail-backgroundColor
|
||||||
border-top $ui-border
|
border-top $ui-border
|
||||||
display flex
|
display flex
|
||||||
|
|
||||||
@@ -39,7 +39,7 @@
|
|||||||
|
|
||||||
body[data-theme="dark"]
|
body[data-theme="dark"]
|
||||||
.root
|
.root
|
||||||
background-color $ui-dark-backgroundColor
|
background-color $ui-dark-noteDetail-backgroundColor
|
||||||
border-color $ui-dark-borderColor
|
border-color $ui-dark-borderColor
|
||||||
|
|
||||||
.zoom
|
.zoom
|
||||||
|
|||||||
Reference in New Issue
Block a user