schtobia/flex
1
0
Fork 0
Code Issues Pull requests Activity

update stylesheet to use solarized colors

Browse source
This commit is contained in:
Rico Ullmann 2017-03-19 21:42:19 +01:00
parent 5364ebe7e1
commit 8deba93291
3 changed files with 417 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
static/stylesheet/style.less
View file

@ -59,8 +59,8 @@ a:hover {
} }
hr { hr {
color: @light-grey; color: @base00;
background-color: @light-grey; background-color: @base00;
height: 1px; height: 1px;
border: none; border: none;
margin-top: 40px; margin-top: 40px;

389
static/stylesheet/style.min.css vendored
View file

File diff suppressed because one or more lines are too long

54
static/stylesheet/variables.less
View file

@ -1,52 +1,52 @@
// Flex colors // solarized colors
@orange: #D9411E; @base02: #073642;
@light-orange: #FF5A09; @base1: #93a1a1;
@white: #ffffff; @base3: #fdf6e3;
@grey: #333333; @base01: #586e75;
@light-grey: #eeeeee; @base00: #657b83;
@med-grey: #999999; @base02: #073642;
@dark-grey: #242121; @base03: #002b36;
// Font family // Font family
@sans: 'Source Sans Pro', 'Verdana', sans-serif; @sans: 'Source Sans Pro', 'Verdana', sans-serif;
@mono: 'Source Code Pro', 'Consolas', monospace; @mono: 'Source Code Pro', 'Consolas', monospace;
// Body // Body
@body-bg: @white; @body-bg: @base3;
@text-color: @dark-grey; @text-color: @base03;
// Links // Links
@link-color: @orange; @link-color: @base02;
@link-hover-color: @light-orange; @link-hover-color: @base1;
// Sidebar (aside) // Sidebar (aside)
@sidebar-bg: @grey; @sidebar-bg: @base01;
@sidebar-text-color: @white; @sidebar-text-color: @base3;
@sidebar-link-color: @white; @sidebar-link-color: @base3;
@sidebar-link-hover-color: @light-grey; @sidebar-link-hover-color: @base00;
// Buttons // Buttons
@btn-bg: @orange; @btn-bg: @base02;
@btn-text-color: @white; @btn-text-color: @base3;
@btn-hover-color: @light-orange; @btn-hover-color: @base1;
// Tag cloud // Tag cloud
@tag-bg: @orange; @tag-bg: @base02;
@tag-text-color: @white; @tag-text-color: @base3;
@tag-hover-color: @light-orange; @tag-hover-color: @base1;
// Header // Header
@header-text-color: @med-grey; @header-text-color: @base02;
// Footer // Footer
@footer-text-color: @med-grey; @footer-text-color: @base02;
@footer-border-color: @light-grey; @footer-border-color: @base00;
// Relativer posts // Relativer posts
@rel-post-border-color: @light-grey; @rel-post-border-color: @base00;
// Nav // Nav
@nav-border-color: @light-grey; @nav-border-color: @base00;
// Social buttons // Social buttons