CSS: Make code elements dark

[ipfire.org.git] / src / scss / _variables.scss

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index aa8ef50165995a20816c528dfea5c75d59c127b6..723612cb8eb9f81bf9c4bb4393aa42564f2e79c1 100644 (file)
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -17,7 +17,7 @@ $lwl:                                         #4b0082;
 
 // Theme
 $primary:                                      $red;
-$secondary:                                    $cyan;
+$secondary:                                    #757575;
 $light:                                                $gray-400;
 $dark:                                         $gray-800;
 
@@ -25,11 +25,10 @@ $theme-colors: (
        "lwl"                                   : $lwl,
 );
 
-$yiq-text-dark:                                $dark;
-$yiq-text-light:                       $white;
-
 $body-bg:                                      $dark;
 $body-color:                           $white;
+$code-color:                           $white;
+$pre-color:                                    $white;
 
 // Breakpoints
 $grid-breakpoints: (
@@ -57,11 +56,12 @@ $font-size-base:                    1.125rem;
 $lead-font-size:                       1.5rem;
 $small-font-size:                      87.5%;
 
+$line-height-base:                     1.5;
+
 // Headings
 $headings-font-weight:         500;
 $headings-line-height:         1.15;
 $headings-margin-bottom:       1.25rem;
-$headings-color:                       $white;
 
 $h1-font-size:                         3rem;
 $h2-font-size:                         2.5rem;
@@ -76,17 +76,20 @@ $display1-size:                             4rem;
 $link-color:                           $primary;
 
 // Navbar
-$navbar-brand-font-size:       36px;
-$navbar-brand-height:          32px;
-
-$nav-link-height:                      24px;
-$navbar-nav-link-padding-x:    16px;
+$navbar-brand-font-size:       3rem;
+$navbar-brand-height:          5rem;
+$navbar-brand-padding-y:       1rem;
+$navbar-height:                                $navbar-brand-height + ($navbar-brand-padding-y * 2);
 
-$navbar-padding-y:                     1.1rem;
-
-// Input
-$input-btn-padding-x:          1rem;
-$input-btn-padding-y:          .5rem;
+$navbar-nav-link-padding-x:    1rem;
 
 // Buttons
 $btn-border-width:                     3px;
+$btn-padding-x:                                1.5rem;
+$btn-padding-y:                                .5rem;
+
+// Progress
+$progress-height:                      1rem * $line-height-base;
+
+// Breadcrumbs
+$breadcrumb-bg:                                white;