web/notify.moe
Code Issues Pull Requests Activity

Redesign

Browse Source
This commit is contained in:
Eduard Urbach
2017-11-05 07:29:13 +01:00
parent 239ef24b5b
commit b0b819306b
7 changed files with 66 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
styles/include/dark.scarlet
View File

@ -1,37 +1,37 @@
// Dark theme
// // Dark theme
// Main color
hue = 45
saturation = 100%
// // Main color
// hue = 45
// saturation = 100%
// Main
text-color = hsl(0, 0%, 90%)
bg-color = hsl(0, 0%, 24%)
link-color = hsl(hue, saturation, 66%)
link-hover-color = hsl(hue, saturation, 76%)
link-hover-text-shadow = 0 0 8px hsla(hue, saturation, 66%, 0.5)
ui-background = hsla(0, 0%, 8%, 0.3)
sidebar-background = rgba(0, 0, 0, 0.2)
sidebar-opaque-background = ui-background
table-row-hover-background = hsla(0, 0%, 100%, 0.01)
// // Main
// text-color = hsl(0, 0%, 90%)
// bg-color = hsl(0, 0%, 24%)
// link-color = hsl(hue, saturation, 66%)
// link-hover-color = hsl(hue, saturation, 76%)
// link-hover-text-shadow = 0 0 8px hsla(hue, saturation, 66%, 0.5)
// ui-background = hsla(0, 0%, 8%, 0.3)
// sidebar-background = rgba(0, 0, 0, 0.2)
// sidebar-opaque-background = ui-background
// table-row-hover-background = hsla(0, 0%, 100%, 0.01)
// White/black
theme-white = bg-color
theme-black = text-color
// // White/black
// theme-white = bg-color
// theme-black = text-color
main-color = link-color
link-active-color = link-hover-color
button-hover-color = link-hover-color
button-hover-background = hsla(0, 0%, 12%, 0.5)
tab-background = hsla(0, 0%, 0%, 0.1)
tab-hover-background = hsla(0, 0%, 0%, 0.2)
tab-active-color = hsl(0, 0%, 95%)
tab-active-background = hsla(0, 0%, 2%, 0.5)
loading-anim-color = link-color
anime-alternative-title-color = hsla(0, 0%, 100%, 0.5)
anime-list-item-name-color = text-color
// main-color = link-color
// link-active-color = link-hover-color
// button-hover-color = link-hover-color
// button-hover-background = hsla(0, 0%, 12%, 0.5)
// tab-background = hsla(0, 0%, 0%, 0.1)
// tab-hover-background = hsla(0, 0%, 0%, 0.2)
// tab-active-color = hsl(0, 0%, 95%)
// tab-active-background = hsla(0, 0%, 2%, 0.5)
// loading-anim-color = link-color
// anime-alternative-title-color = hsla(0, 0%, 100%, 0.5)
// anime-list-item-name-color = text-color
// Forum
post-like-color = link-color
post-unlike-color = link-color
post-permalink-color = link-color
// // Forum
// post-like-color = link-color
// post-unlike-color = link-color
// post-permalink-color = link-color