Accords-Library-Archive
/
gallery.accords-library.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

client/css/snapshot-list-view: use alpha for dark 

using alpha and an is-dark check to support dark color schemes in the
history page
This commit is contained in:
Ben Klein 2020-06-26 03:02:15 +00:00 committed by Shyam Sunder
parent 13e2888ae4
commit 800a79f95f
1 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
client/css/snapshots-list-view.styl
View File

@ -1,8 +1,17 @@
@import colors
$snapshot-created-background-color = #E0F5E0 $snapshot-created-background-color = #E0F5E0
$snapshot-modified-background-color = #E0F5FF $snapshot-modified-background-color = #E0F5FF
$snapshot-deleted-background-color = #FDE5E5 $snapshot-deleted-background-color = #FDE5E5
$snapshot-merged-background-color = #FEC $snapshot-merged-background-color = #FEC
$is-dark = dark($window-color)
if $is-dark
$snapshot-created-background-color = darken($snapshot-created-background-color, 80%)
$snapshot-modified-background-color = darken($snapshot-modified-background-color, 80%)
$snapshot-deleted-background-color = darken($snapshot-deleted-background-color, 80%)
$snapshot-merged-background-color = darken($snapshot-merged-background-color, 80%)
.snapshot-list .snapshot-list
text-align: left text-align: left
@ -31,16 +40,16 @@ $snapshot-merged-background-color = #FEC
div.operation-created div.operation-created
background: $snapshot-created-background-color background: $snapshot-created-background-color
&+.details &+.details
background: lighten($snapshot-created-background-color, 50%) background: alpha($snapshot-created-background-color, 50%)
div.operation-modified div.operation-modified
background: $snapshot-modified-background-color background: $snapshot-modified-background-color
&+.details &+.details
background: lighten($snapshot-modified-background-color, 50%) background: alpha($snapshot-modified-background-color, 50%)
div.operation-deleted div.operation-deleted
background: $snapshot-deleted-background-color background: $snapshot-deleted-background-color
&+.details &+.details
background: lighten($snapshot-deleted-background-color, 50%) background: alpha($snapshot-deleted-background-color, 50%)
div.operation-merged div.operation-merged
background: $snapshot-merged-background-color background: $snapshot-merged-background-color
&+.details &+.details
background: lighten($snapshot-merged-background-color, 50%) background: alpha($snapshot-merged-background-color, 50%)