mirror of
https://github.com/BoostIo/Boostnote
synced 2025-12-13 17:56:25 +00:00
color setting
This commit is contained in:
@@ -23,10 +23,10 @@
|
||||
|
||||
body[data-theme="dark"]
|
||||
.percentageBar
|
||||
background-color #363A3D
|
||||
background-color #444444
|
||||
|
||||
.progressBar
|
||||
background-color: alpha(#939395, 50%)
|
||||
background-color: #1EC38B
|
||||
|
||||
.percentageText
|
||||
color $ui-dark-text-color
|
||||
@@ -42,7 +42,7 @@ body[data-theme="dark"]
|
||||
.root
|
||||
background-color $ui-dark-noteDetail-backgroundColor
|
||||
box-shadow none
|
||||
border none
|
||||
border-left 1px solid $ui-dark-borderColor
|
||||
|
||||
.control-lockButton
|
||||
topBarButtonDark()
|
||||
|
||||
@@ -3,7 +3,7 @@ $control-height = 30px
|
||||
.root
|
||||
absolute left bottom
|
||||
top $topBar-height - 1
|
||||
background-color $ui-noteList-backgroundColor
|
||||
background-color $ui-dark-backgroundColor
|
||||
|
||||
.control
|
||||
absolute top left right
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
.root
|
||||
absolute top left bottom
|
||||
width $sideNav-width
|
||||
background-color #2E3235
|
||||
background-color $ui-dark-backgroundColor
|
||||
user-select none
|
||||
color $ui-text-color
|
||||
height: 100vh
|
||||
@@ -138,7 +138,7 @@ body[data-theme="white"]
|
||||
|
||||
body[data-theme="dark"]
|
||||
.root, .root--folded
|
||||
border-color $ui-dark-borderColor
|
||||
border-right 1px solid $ui-dark-borderColor
|
||||
background-color $ui-dark-backgroundColor
|
||||
color $ui-dark-text-color
|
||||
|
||||
|
||||
@@ -223,10 +223,12 @@ $ui-button--focus-borderColor = lighten(#369DCD, 25%)
|
||||
|
||||
/******* Dark theme ********/
|
||||
$ui-dark-active-color = #3A404C
|
||||
$ui-dark-borderColor = lighten(#21252B, 20%)
|
||||
$ui-dark-backgroundColor = #1E2124
|
||||
$ui-dark-noteList-backgroundColor = #282C30
|
||||
$ui-dark-noteDetail-backgroundColor = #2D3033
|
||||
|
||||
$ui-dark-borderColor = #282828
|
||||
$ui-dark-backgroundColor = #151915
|
||||
$ui-dark-noteList-backgroundColor = #151915
|
||||
$ui-dark-noteDetail-backgroundColor = #151915
|
||||
|
||||
$ui-dark-tag-backgroundColor = #3A404C
|
||||
$dark-background-color = lighten($ui-dark-backgroundColor, 10%)
|
||||
$ui-dark-text-color = #DDDDDD
|
||||
|
||||
@@ -8,10 +8,10 @@
|
||||
<g id="Artboard" transform="translate(-1440.000000, -152.000000)">
|
||||
<g id="icon-info" transform="translate(1439.000000, 151.000000)">
|
||||
<rect id="Rectangle-7" fill="#BFBFBF" opacity="0" x="0" y="0" width="20" height="20"></rect>
|
||||
<g id="info" transform="translate(2.000000, 2.000000)" stroke="#000000">
|
||||
<circle id="Oval" stroke-width="1.6" opacity="0.202558877" stroke-linecap="round" stroke-linejoin="round" cx="8" cy="8" r="8"></circle>
|
||||
<path d="M8,12.5714286 L8,8" id="Shape" stroke-width="1.6" opacity="0.2" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
<circle id="Oval-2" stroke-width="0.8" fill="#000000" opacity="0.2" cx="8" cy="4.57142857" r="1.14285714"></circle>
|
||||
<g id="info" transform="translate(2.000000, 2.000000)" stroke="#C7C7C7">
|
||||
<circle id="Oval" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" cx="8" cy="8" r="8"></circle>
|
||||
<path d="M8,12.5714286 L8,8" id="Shape" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"></path>
|
||||
<circle id="Oval-2" stroke-width="0.8" fill="#C7C7C7" cx="8" cy="4.57142857" r="1.14285714"></circle>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.2 KiB |
@@ -8,7 +8,7 @@
|
||||
<g id="Artboard" transform="translate(-1441.000000, -218.000000)">
|
||||
<g id="icon-sidebar" transform="translate(1439.000000, 216.000000)">
|
||||
<rect id="Rectangle-7" fill="#D8D8D8" opacity="0" x="0" y="0" width="20" height="20"></rect>
|
||||
<g id="sidebar" opacity="0.197633605" transform="translate(3.000000, 3.000000)" stroke="#000000" stroke-width="1.55555556" stroke-linecap="round" stroke-linejoin="round">
|
||||
<g id="sidebar" transform="translate(3.000000, 3.000000)" stroke="#C7C7C7" stroke-width="1.55555556" stroke-linecap="round" stroke-linejoin="round">
|
||||
<rect id="Rectangle-path" x="0" y="0" width="14" height="14" rx="1.55555556"></rect>
|
||||
<path d="M4.66666667,0 L4.66666667,14" id="Shape"></path>
|
||||
</g>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
@@ -1,15 +1,17 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg width="20px" height="19px" viewBox="0 0 20 19" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
|
||||
<title>icon-star-24</title>
|
||||
<title>icon-star</title>
|
||||
<desc>Created with Sketch.</desc>
|
||||
<defs></defs>
|
||||
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||
<g id="icon-star-24" transform="translate(-2.000000, -2.000000)">
|
||||
<rect id="Rectangle-7" fill="#D8D8D8" fill-rule="nonzero" opacity="0" x="0" y="0" width="24" height="24"></rect>
|
||||
<rect id="Rectangle-2" fill="#D8D8D8" fill-rule="nonzero" opacity="0" x="1" y="1" width="18" height="18"></rect>
|
||||
<g id="star" stroke-linecap="round" stroke-linejoin="round" transform="translate(3.000000, 3.000000)" stroke-width="1.8" stroke="#000000" opacity="0.199841486">
|
||||
<polygon id="Shape" points="9 0 11.781 5.634 18 6.543 13.5 10.926 14.562 17.118 9 14.193 3.438 17.118 4.5 10.926 0 6.543 6.219 5.634"></polygon>
|
||||
<g id="Artboard" transform="translate(-1439.000000, -184.000000)">
|
||||
<g id="icon-star" transform="translate(1437.000000, 182.000000)">
|
||||
<rect id="Rectangle-7" fill="#D8D8D8" fill-rule="nonzero" opacity="0" x="0" y="0" width="24" height="24"></rect>
|
||||
<rect id="Rectangle-2" fill="#D8D8D8" fill-rule="nonzero" opacity="0" x="1" y="1" width="18" height="18"></rect>
|
||||
<g id="star" stroke-linecap="round" stroke-linejoin="round" transform="translate(3.000000, 3.000000)" stroke-width="1.8" stroke="#C7C7C7">
|
||||
<polygon id="Shape" points="9 0 11.781 5.634 18 6.543 13.5 10.926 14.562 17.118 9 14.193 3.438 17.118 4.5 10.926 0 6.543 6.219 5.634"></polygon>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.2 KiB |
Reference in New Issue
Block a user