public/Boostnote
1
0
Fork 0
mirror of https://github.com/BoostIo/Boostnote synced 2025-12-13 17:56:25 +00:00
Code Issues Releases Wiki Activity

color setting

Browse Source
This commit is contained in:
Yutaka Ishii
2017-12-07 15:14:10 +09:00
parent 57a88743bc
commit 6f359fa6a8
8 changed files with 25 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
browser/components/TodoListPercentage.styl
View File

@@ -23,10 +23,10 @@
body[data-theme="dark"] body[data-theme="dark"]
.percentageBar .percentageBar
background-color #363A3D background-color #444444
.progressBar .progressBar
background-color: alpha(#939395, 50%) background-color: #1EC38B
.percentageText .percentageText
color $ui-dark-text-color color $ui-dark-text-color

2
browser/main/Detail/MarkdownNoteDetail.styl
View File

@@ -42,7 +42,7 @@ body[data-theme="dark"]
.root .root
background-color $ui-dark-noteDetail-backgroundColor background-color $ui-dark-noteDetail-backgroundColor
box-shadow none box-shadow none
border none border-left 1px solid $ui-dark-borderColor
.control-lockButton .control-lockButton
topBarButtonDark() topBarButtonDark()

2
browser/main/NoteList/NoteList.styl
View File

@@ -3,7 +3,7 @@ $control-height = 30px
.root .root
absolute left bottom absolute left bottom
top $topBar-height - 1 top $topBar-height - 1
background-color $ui-noteList-backgroundColor background-color $ui-dark-backgroundColor
.control .control
absolute top left right absolute top left right

4
browser/main/SideNav/SideNav.styl
View File

@@ -1,7 +1,7 @@
.root .root
absolute top left bottom absolute top left bottom
width $sideNav-width width $sideNav-width
background-color #2E3235 background-color $ui-dark-backgroundColor
user-select none user-select none
color $ui-text-color color $ui-text-color
height: 100vh height: 100vh
@@ -138,7 +138,7 @@ body[data-theme="white"]
body[data-theme="dark"] body[data-theme="dark"]
.root, .root--folded .root, .root--folded
border-color $ui-dark-borderColor border-right 1px solid $ui-dark-borderColor
background-color $ui-dark-backgroundColor background-color $ui-dark-backgroundColor
color $ui-dark-text-color color $ui-dark-text-color

10
browser/styles/index.styl
View File

@@ -223,10 +223,12 @@ $ui-button--focus-borderColor = lighten(#369DCD, 25%)
/******* Dark theme ********/ /******* Dark theme ********/
$ui-dark-active-color = #3A404C $ui-dark-active-color = #3A404C
$ui-dark-borderColor = lighten(#21252B, 20%)
$ui-dark-backgroundColor = #1E2124 $ui-dark-borderColor = #282828
$ui-dark-noteList-backgroundColor = #282C30 $ui-dark-backgroundColor = #151915
$ui-dark-noteDetail-backgroundColor = #2D3033 $ui-dark-noteList-backgroundColor = #151915
$ui-dark-noteDetail-backgroundColor = #151915
$ui-dark-tag-backgroundColor = #3A404C $ui-dark-tag-backgroundColor = #3A404C
$dark-background-color = lighten($ui-dark-backgroundColor, 10%) $dark-background-color = lighten($ui-dark-backgroundColor, 10%)
$ui-dark-text-color = #DDDDDD $ui-dark-text-color = #DDDDDD

8
resources/icon/icon-info.svg
View File

@@ -8,10 +8,10 @@
<g id="Artboard" transform="translate(-1440.000000, -152.000000)"> <g id="Artboard" transform="translate(-1440.000000, -152.000000)">
<g id="icon-info" transform="translate(1439.000000, 151.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> <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"> <g id="info" transform="translate(2.000000, 2.000000)" stroke="#C7C7C7">
<circle id="Oval" stroke-width="1.6" opacity="0.202558877" stroke-linecap="round" stroke-linejoin="round" cx="8" cy="8" r="8"></circle> <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" opacity="0.2" stroke-linecap="round" stroke-linejoin="round"></path> <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="#000000" opacity="0.2" cx="8" cy="4.57142857" r="1.14285714"></circle> <circle id="Oval-2" stroke-width="0.8" fill="#C7C7C7" cx="8" cy="4.57142857" r="1.14285714"></circle>
</g> </g>
</g> </g>
</g> </g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB

2
resources/icon/icon-sidebar.svg
View File

@@ -8,7 +8,7 @@
<g id="Artboard" transform="translate(-1441.000000, -218.000000)"> <g id="Artboard" transform="translate(-1441.000000, -218.000000)">
<g id="icon-sidebar" transform="translate(1439.000000, 216.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> <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> <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> <path d="M4.66666667,0 L4.66666667,14" id="Shape"></path>
</g> </g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

14
resources/icon/icon-star.svg
View File

@@ -1,15 +1,17 @@
<?xml version="1.0" encoding="UTF-8"?> <?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"> <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 --> <!-- Generator: Sketch 47.1 (45422) - http://www.bohemiancoding.com/sketch -->
<title>icon-star-24</title> <title>icon-star</title>
<desc>Created with Sketch.</desc> <desc>Created with Sketch.</desc>
<defs></defs> <defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <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)"> <g id="Artboard" transform="translate(-1439.000000, -184.000000)">
<rect id="Rectangle-7" fill="#D8D8D8" fill-rule="nonzero" opacity="0" x="0" y="0" width="24" height="24"></rect> <g id="icon-star" transform="translate(1437.000000, 182.000000)">
<rect id="Rectangle-2" fill="#D8D8D8" fill-rule="nonzero" opacity="0" x="1" y="1" width="18" height="18"></rect> <rect id="Rectangle-7" fill="#D8D8D8" fill-rule="nonzero" opacity="0" x="0" y="0" width="24" height="24"></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"> <rect id="Rectangle-2" fill="#D8D8D8" fill-rule="nonzero" opacity="0" x="1" y="1" width="18" height="18"></rect>
<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="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> </g>
</g> </g>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB