Andreas/wekan
1
0
Fork 0
mirror of https://github.com/wekan/wekan.git synced 2025-12-16 15:30:13 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

Merge pull request #3344 from jghaanstra/master

Browse source 
Improvements Modern Dark Theme
This commit is contained in:
Lauri Ojansivu 2020-11-11 13:42:49 +02:00 • committed by GitHub
commit fa6182b979
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 43 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

78
client/components/boards/boardColors.styl
View file

@ -753,7 +753,7 @@ setBoardClear(color1,color2)
body body
background: #2a2a2a background: #2a2a2a
/* FORMS */ /* Forms */
button[type=submit].primary, .board-color-modern input[type=submit].primary button[type=submit].primary, .board-color-modern input[type=submit].primary
background-color: #819C5D background-color: #819C5D
@ -763,27 +763,7 @@ setBoardClear(color1,color2)
.toggle-label:after, .board-color-modern .toggle-switch:checked~.toggle-label:after .toggle-label:after, .board-color-modern .toggle-switch:checked~.toggle-label:after
background-color: #819C5D background-color: #819C5D
/* Headers */
/* POP-UPS */
.pop-over
background-color: #454545
color: #cccccc
border: 1px solid #111111
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
.pop-over .header
background-color: #333333
.pop-over .header-title
font-family: Poppins
font-size: 16px
color: #cccccc
.pop-over-list li:hover > a
background-color: #819C5D !important
/* HEADERS */
&#header-quick-access, .background-box, #header &#header-quick-access, .background-box, #header
background-color: #333333 background-color: #333333
@ -826,19 +806,17 @@ setBoardClear(color1,color2)
line-height: 0.8em line-height: 0.8em
padding-top: 10px padding-top: 10px
/* CONTENT */ /* Content */
.board-canvas .board-canvas
background: #2a2a2a background: #2a2a2a
padding: 10px 10px 0 padding: 10px 10px 0
/* Swimlanes */
/* SWIMLANES */
.swimlane .swimlane-header-wrap .swimlane .swimlane-header-wrap
background-color: #666666 background-color: #666666
color: #cccccc color: #cccccc
padding: 4px 0 padding: 4px 0
margin-bottom: 10px margin-bottom: 10px
/*display: none*/ /* REMOVE SWIMLANE HEADER */
.swimlane .swimlane-header-wrap .swimlane-header .swimlane .swimlane-header-wrap .swimlane-header
font-family: Poppins font-family: Poppins
@ -848,8 +826,7 @@ setBoardClear(color1,color2)
line-height: 15px line-height: 15px
max-height: 100% max-height: 100%
/* Lists */
/* LISTS */
.swimlane .list .swimlane .list
background: #666666 background: #666666
border-radius: 0 border-radius: 0
@ -890,9 +867,10 @@ setBoardClear(color1,color2)
border-radius: 6px border-radius: 6px
border: 3px solid #343434 border: 3px solid #343434
.list-body .open-minicard-composer:hover /*me*/ .list-body .open-minicard-composer:hover
background: none background: none
box-shadow: none box-shadow: none
border-bottom: 0
.list-body a.open-minicard-composer, .list-body a.open-minicard-composer i .list-body a.open-minicard-composer, .list-body a.open-minicard-composer i
color: #bbbbbb color: #bbbbbb
@ -900,11 +878,7 @@ setBoardClear(color1,color2)
.list-body a.open-minicard-composer:hover, .list-body a.open-minicard-composer:hover i .list-body a.open-minicard-composer:hover, .list-body a.open-minicard-composer:hover i
color: #ffffff color: #ffffff
/* remove the add list column for more space */ /* Mini Card */
/*.board-color-modern .list.list-composer.js-list-composer
display: none*/
/* MINI CARD */
.minicard .minicard
background-color: #444444 background-color: #444444
color: #cccccc color: #cccccc
@ -912,6 +886,10 @@ setBoardClear(color1,color2)
font-size: 0.9em font-size: 0.9em
padding: 10px padding: 10px
box-shadow: 0 4px 3px -3px rgba(0,0,0,0.8) box-shadow: 0 4px 3px -3px rgba(0,0,0,0.8)
border-bottom: 1px solid #666666
.minicard:hover
background-color: #555555
.card-label .card-label
font-size: 11px font-size: 11px
@ -926,9 +904,12 @@ setBoardClear(color1,color2)
.minicard.minicard-composer textarea.minicard-composer-textarea:focus .minicard.minicard-composer textarea.minicard-composer-textarea:focus
background-color: #eeeeee background-color: #eeeeee
color: #333333 color: #333333
padding: 6px
.is-selected .minicard
background-color: #666666
/* CARD DETAILS */ /* Card Details */
.card-details .card-details
background-color: #454545 background-color: #454545
color: #cccccc color: #cccccc
@ -988,4 +969,31 @@ setBoardClear(color1,color2)
.card-details .activities .activity .activity-desc .activity-comment .card-details .activities .activity .activity-desc .activity-comment
background-color: rgba(255,255,255,0.1) background-color: rgba(255,255,255,0.1)
/* Sidebar */
.sidebar .sidebar-shadow
background-color: #222222
box-shadow: -10px 0 5px -10px #444444
border-left: 1px solid #333333
color: #cccccc
.activities .activity .activity-desc .activity-comment
background-color: #cccccc
color: #222222
/* Pop-Ups for "Modern Dark" */
.pop-over.board-color-moderndark
background-color: #454545
color: #cccccc
border: 1px solid #111111
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)
.pop-over.board-color-moderndark .header
background-color: #333333
.pop-over.board-color-moderndark .header-title
font-family: Poppins
font-size: 16px
color: #cccccc
.pop-over.board-color-moderndark .pop-over-list li:hover > a
background-color: #819C5D !important