Flat design

This commit is contained in:
2017-06-25 23:07:14 +02:00
parent 9988bf7315
commit da6b250f39
10 changed files with 55 additions and 71 deletions

View File

@ -1,19 +1,28 @@
// Colors
text-color = rgb(60, 60, 60)
main-color = rgb(248, 165, 130)
link-color = rgb(225, 38, 15)
main-color = rgb(225, 38, 15)
link-color = main-color
link-hover-color = rgb(242, 60, 30)
link-active-color = rgb(100, 149, 237)
link-active-color = link-hover-color
post-highlight-color = rgba(248, 165, 130, 0.7)
bg-color = white
bg-color = rgb(246, 246, 246)
// UI
ui-border = 1px solid rgba(0, 0, 0, 0.1)
ui-hover-border = 1px solid rgba(0, 0, 0, 0.15)
ui-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.037) 100%)
ui-hover-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.027) 100%)
ui-background = rgb(254, 254, 254)
ui-hover-background = rgb(255, 255, 255)
// ui-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.037) 100%)
// ui-hover-background = linear-gradient(to bottom, rgba(0, 0, 0, 0.01) 0%, rgba(0, 0, 0, 0.027) 100%)
ui-disabled-color = rgb(224, 224, 224)
// Input
input-focus-border-color = rgb(248, 165, 130)
// Button
button-hover-color = link-hover-color
forum-tag-hover-color = rgb(46, 85, 160)
// Forum
forum-width = 830px
@ -21,9 +30,10 @@ forum-width = 830px
avatar-size = 50px
// Navigation
nav-color = rgb(60, 60, 60)
nav-link-color = rgb(160, 160, 160)
nav-link-hover-color = rgb(255, 255, 255)
nav-color = text-color
nav-link-color = rgba(255, 255, 255, 0.5)
nav-link-hover-color = white
nav-link-hover-slide-color = rgb(248, 165, 130)
// nav-color = rgb(245, 245, 245)
// nav-link-color = rgb(160, 160, 160)
// nav-link-hover-color = rgb(80, 80, 80)
@ -40,7 +50,7 @@ outline-shadow-heavy = 0 0 6px rgba(0, 0, 0, 0.6)
// Distances
content-padding = 1.6rem
content-padding-top = 1.6rem
hover-line-size = 2px
hover-line-size = 3px
nav-height = 3.11rem
// Timings