diff options
| author | Samy Pessé <samypesse@gmail.com> | 2014-06-03 18:43:13 +0200 |
|---|---|---|
| committer | Samy Pessé <samypesse@gmail.com> | 2014-06-03 18:43:13 +0200 |
| commit | 215488dc45f1ed2e2c926537ca88e1c153876848 (patch) | |
| tree | 4ba5bdaab0483fbbb5f67c62bc4eb0f5013cd810 /theme/stylesheets/website/variables.less | |
| parent | a195b3eac25881f8bd8f8e190c7faee48aa9b5cf (diff) | |
| download | gitbook-215488dc45f1ed2e2c926537ca88e1c153876848.zip gitbook-215488dc45f1ed2e2c926537ca88e1c153876848.tar.gz gitbook-215488dc45f1ed2e2c926537ca88e1c153876848.tar.bz2 | |
Improve design (more flat)
Diffstat (limited to 'theme/stylesheets/website/variables.less')
| -rw-r--r-- | theme/stylesheets/website/variables.less | 28 |
1 files changed, 15 insertions, 13 deletions
diff --git a/theme/stylesheets/website/variables.less b/theme/stylesheets/website/variables.less index f496f06..3c3ae23 100644 --- a/theme/stylesheets/website/variables.less +++ b/theme/stylesheets/website/variables.less @@ -7,6 +7,7 @@ @header-height: 50px; @header-color: hsl(194, 5%, 52%); @header-background: white; +@header-border: rgba(0, 0, 0, 0.07); @header-button-color: hsl(194, 5%, 52%); @header-button-hover-color: #151515; @header-button-hover-background: hsl(207, 15%, 95%); @@ -18,28 +19,29 @@ @sidebar-width: 250px; @sidebar-breakpoint: 600px; @sidebar-color: hsl(207, 15%, 80%); -@sidebar-background: hsl(207, 15%, 95%); +@sidebar-background: @body-background; +@sidebar-border: @header-border; @sidebar-nested-padding: 20px; @sidebar-search-padding: 6px; @sidebar-search-background: transparent; -@sidebar-search-input-border-color: hsl(207, 15%, 80%); +@sidebar-search-input-border-color: @sidebar-border; -@sidebar-divider-color: hsl(207, 15%, 85%); +@sidebar-divider-color: @sidebar-border; -@sidebar-link-color: hsl(207, 15%, 50%); +@sidebar-link-color: hsl(207, 15%, 25%); @sidebar-link-background: transparent; @sidebar-link-hover-color: hsl(207, 100%, 50%); @sidebar-link-hover-background: transparent; @sidebar-icon-color: @bar-progress-background; -@sidebar-link-completed: hsl(207, 15%, 25%); +@sidebar-link-completed: @sidebar-link-color; @sidebar-link-completed-weight: normal; // Page -@page-color: black; -@page-background: white; +@page-color: black; +@page-background: @body-background; // Progress Bar @chapter-display: none; @@ -116,15 +118,15 @@ // Sidebar @sidebar-color-1: #AFA790; @sidebar-color-2: hsl(207, 15%, 80%); -@sidebar-background-1: #F3EACB; -@sidebar-background-2: #111111; +@sidebar-background-1: @body-background-1; +@sidebar-background-2: @body-background-2; @sidebar-search-background-1: transparent; @sidebar-search-background-2: transparent; @sidebar-search-input-border-color-1: #D6CFBA; -@sidebar-search-input-border-color-2: #c4cdd4; +@sidebar-search-input-border-color-2: #000; -@sidebar-divider-color-1: hsl(207, 15%, 85%); +@sidebar-divider-color-1: @sidebar-divider-color; @sidebar-divider-color-2: #1d1f21; @sidebar-link-color-1: #877F6A; @@ -138,8 +140,8 @@ @sidebar-icon-color-1: @bar-progress-background; @sidebar-icon-color-2: @bar-progress-background; -@sidebar-link-completed-1: hsl(207, 15%, 25%); -@sidebar-link-completed-2: hsl(207, 15%, 25%); +@sidebar-link-completed-1: @sidebar-link-color-1; +@sidebar-link-completed-2: @sidebar-link-color-2; @sidebar-link-completed-weight-1: normal; @sidebar-link-completed-weight-2: normal; |