jekyll-theme-fica 0.1.2 → 0.1.5

data/_sass/Initialize.scss

@@ -6,9 +6,9 @@
 $transition-btn: color 0.2s, background-color 0.2s, border-color 0.2s;
 $transition-links: color 0.3s;
 
-$base-font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Segoe UI Symbol", "Segoe UI Emoji", "Apple Color Emoji", Roboto, Helvetica, Arial, sans-serif !default;
+$base-font-family: 'Roboto', sans-serif !default;
 $code-font-family: "Menlo", "Inconsolata", "Consolas", "Roboto Mono", "Ubuntu Mono", "Liberation Mono", "Courier New", monospace;
-$base-font-size:   16px !default;
+$base-font-size:   17px !default;
 $base-font-weight: 400 !default;
 $small-font-size:  $base-font-size * 0.875 !default;
 $base-line-height: 1.5 !default;

data/_sass/Layout.scss

@@ -13,13 +13,23 @@
     position: relative;
   }
   
+  .site-header-home {
+    background-color: $home-header-title-color;
+    border-top: 5px solid $home-header-title-color;
+    border-bottom: 5px solid $home-header-title-color;
+    min-height: $spacing-unit * 1.865;
+    line-height: $base-line-height * $base-font-size * 2.25;
+  
+    // Positioning context for the mobile navigation icon
+    position: relative;
+  }
   .site-title {
     @include relative-font-size(1.625);
     font-weight: 690;
     letter-spacing: -1px;
     margin-bottom: 0;
     float: left;
-    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+    font-family: $base-font-family;
   
     @include media-query($on-palm) {
       padding-right: 45px;
@@ -27,7 +37,7 @@
   
     &,
     &:visited {
-      color: $site-title-color;
+      color: $text-color;
     }
   
     &:hover {
@@ -52,7 +62,7 @@
   }
   .page-header {
     border-top: 10px solid $home-header-title-color;
-    color: $site-title-color;
+    color: $text-color;
     background-color: $home-header-title-color;
     border-bottom: 5px solid $home-header-title-color;
     padding-bottom: 10px;
@@ -65,7 +75,7 @@
     color: $header-bg-color;
     text-align: center;
     font-weight: bold;
-    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+    font-family: $base-font-family;
     padding-bottom: 7px;
   }
   
@@ -76,8 +86,7 @@
     color: $header-bg-color;
     text-align: center;
     font-weight: lighter;
-    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-    position: relative;
+    font-family: $base-font-family;
     animation-name: des_app;
     animation-duration: 1s;
     -webkit-animation-timing-function: linear;
@@ -91,42 +100,8 @@
       100% {opacity: 100%;}
     }	
   }
-  
-  //Side Navigation
-  .sidenav {
-    width: 130px;
-    z-index: 1;
-    top: 110px;
-    left: 15px;
-    background: $menu-bdr-color;
-    overflow-x: hidden;
-    padding: 8px 0;
-    border-radius: 5%;
-  }
-  
-  .sidenav a {
-    display: list-item;
-    list-style-type: disc;
-    list-style-position: inside;
-    padding: 6px 8px 6px 16px;
-    font-size: 17px;
-    color: $link-base-color;
-    display: block;
-  }
-  
-  .sidenav a:hover {
-    color: $link-hover-color;
-  }
-  
-  @media screen and (max-height: 450px) {
-    .sidenav {
-      padding-top: 15px;
-    }
-    .sidenav a {
-      font-size: 18px;
-    }
-  }
-  
+
+  // Site.nav 
   .site-nav {
     position: absolute;
     top: 9px;
@@ -182,7 +157,7 @@
       display: block;
       padding: 5px 10px;
       
-      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+      font-family: $base-font-family;
   
       // Gaps between nav items, but not on the last one
       &:not(:last-child) {
@@ -200,6 +175,7 @@
       float: right;
       border: none;
       background-color: inherit;
+
   
       label[for="nav-trigger"] {
         display: none;
@@ -224,7 +200,6 @@
       }
     }
   }
-  
   /**
    * Site footer
    */
@@ -233,37 +208,6 @@
     padding: $spacing-unit 0;
   }
   
-  .footer-heading {
-    @include relative-font-size(1.125);
-    margin-bottom: $spacing-unit / 2;
-  }
-  
-  .footer-col {
-    margin-bottom: $spacing-unit / 2;
-  }
-  
-  .footer-col-1,
-  .footer-col-2 {
-    width: calc(50% - (#{$spacing-unit} / 2));
-  }
-  
-  .footer-col-3 {
-    width: calc(100% - (#{$spacing-unit} / 2));
-  }
-  
-  @media screen and (min-width: $on-large) {
-    .footer-col-1 {
-      width: calc(35% - (#{$spacing-unit} / 2));
-    }
-  
-    .footer-col-2 {
-      width: calc(20% - (#{$spacing-unit} / 2));
-    }
-  
-    .footer-col-3 {
-      width: calc(45% - (#{$spacing-unit} / 2));
-    }
-  }
   .Links_footer {
     list-style: none;
     color: $link-base-color;
@@ -278,11 +222,11 @@
       padding-left: 0;
       padding-bottom: 4px;
       font-size: larger;
-      color: #f0ffff;
+      color: $text-color;
     }
   
     &:first-child:hover {
-      color: #f0ffff;
+      color: $text-color;
     }
   
     &:last-child {
@@ -299,7 +243,7 @@
   }
   .Product_footer {
     list-style: none;
-    color: #f0ffff;
+    color: $text-color;
     width: calc(100% - (#{$spacing-unit} / 2));
     padding: 0 ($spacing-unit / 2);
   
@@ -308,12 +252,12 @@
       padding-left: 0;
       padding-bottom: 1px;
       font-size: 0.6cm;
-      color: #f0ffff;
+      color: $text-color;
       font-weight: 900;
     }
   
     &:last-child:hover {
-      color: #f0ffff;
+      color: $text-color;
     }
   
     &:last-child {
@@ -323,17 +267,18 @@
     }
   
     &:hover {
-      color: #f0ffff;
+      color: $text-color;
       text-decoration: none;
     }
   }
-  
+
   @media screen and (min-width: $on-medium) {
     .footer-col-wrapper {
       display: flex;
     }
   
     .footer-col {
+      margin-bottom: $spacing-unit / 2;
       width: calc(28% - (#{$spacing-unit} / 2));
       padding: 0 ($spacing-unit / 2);
   
@@ -348,6 +293,7 @@
       }
     }
     .footer-middle {
+      margin-bottom: $spacing-unit / 2;
       width: calc(35% - (#{$spacing-unit} / 2));
       padding: 0 ($spacing-unit / 2);
   
@@ -362,6 +308,7 @@
       }
     }
     .footer-last {
+      margin-bottom: $spacing-unit / 2;
       width: calc(35% - (#{$spacing-unit} / 2));
       padding: 0 ($spacing-unit / 2);
   
@@ -404,7 +351,7 @@
   
   .post-meta {
     font-size: $small-font-size;
-    color: $site-title-color;
+    color: $text-color;
   }
   
   .post-link {
@@ -485,7 +432,7 @@
         border: 1px solid transparent;
   
         &.pager-edge {
-          color: $border-color-01;
+          color: $code-background-color;
           border: 1px dashed;
         }
       }
@@ -503,7 +450,7 @@
   }
 
  .btn {
-   padding: 7px 25px;
+   padding: 8px 25px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
@@ -523,4 +470,5 @@
      background-color: $btn-color-hover;
      border-color: $btn-color-hover;
    }
- }
+ }
+ 

data/_sass/themes/Dark_Theme.scss

@@ -0,0 +1,269 @@
+//Main Color Scheme
+// $background-color:      #191919  !default;
+// $background-color:      #2b2b2b  !default; Default Black theme color
+//Basic Settings
+$background-color: #1d2127 !default;
+$text-color: #ffffff !default;
+
+//Site Header
+$header-link-color: darken($text-color, 40%) !default;
+$site-header-bg: darken($background-color, 5%) !default;
+
+// Site Home Banner
+$header-bg-color: #80ffd4 !default;
+$home-header-title-color: darken($background-color, 3%) !default;
+
+//Site Nav
+$menu-bdr-color: darken($background-color, 6%) !default;
+$menu-color: $text-color !default;
+$menu-bg-color-chae: darken($background-color, 6%) !default;
+
+//Site Footer
+$footer-bg-color: darken($background-color, 2%) !default;
+
+// Site Scroll
+$scroll_bar_bg_color: darken($text-color, 10%) !default;
+
+// $btn-bg-color:           #525252 !default;
+// $btn-color-hover:        #353535 !default;
+$btn-bg-color: lighten($background-color, 8%) !default;
+$btn-color-hover: darken($btn-bg-color, 5%) !default;
+$btn-text-hover-color: darken($text-color, 50%) !default;
+
+$code-background-color: darken($background-color, 3%) !default;
+$code-text-color: #cfcc13 !default;
+$blockquote-text-color: darken($text-color, 30%) !default;
+
+$link-base-color: #80ffd4 !default;
+$link-visited-color: darken($link-base-color, 15%) !default;
+$link-hover-color: darken(#80ffd4, 40%) !default;
+
+$table-text-color: $text-color !default;
+$table-zebra-color: darken($background-color, 2%) !default;
+$table-header-bg-color: darken($background-color, 3%) !default;
+$table-header-border: darken($background-color, 10%) !default;
+$table-border-color: darken($background-color, 100%) !default;
+
+$Github: #f0f6fc !default;
+
+.highlight .hll {
+  background-color: #515151;
+}
+/*.highlight  { background: #2d2d2d; color: #f2f0ec }*/
+.highlight {
+  background: #1a1f35;
+  color: #f2f0ec;
+}
+.highlight .c {
+  color: #747369;
+} /* Comment */
+.highlight .err {
+  color: #f2777a;
+} /* Error */
+.highlight .k {
+  color: #cc99cc;
+} /* Keyword */
+.highlight .l {
+  color: #f99157;
+} /* Literal */
+.highlight .n {
+  color: #f2f0ec;
+} /* Name */
+.highlight .o {
+  color: #66cccc;
+} /* Operator */
+.highlight .p {
+  color: #f2f0ec;
+} /* Punctuation */
+.highlight .ch {
+  color: #747369;
+} /* Comment.Hashbang */
+.highlight .cm {
+  color: #747369;
+} /* Comment.Multiline */
+.highlight .cp {
+  color: #747369;
+} /* Comment.Preproc */
+.highlight .cpf {
+  color: #747369;
+} /* Comment.PreprocFile */
+.highlight .c1 {
+  color: #747369;
+} /* Comment.Single */
+.highlight .cs {
+  color: #747369;
+} /* Comment.Special */
+.highlight .gd {
+  color: #f2777a;
+} /* Generic.Deleted */
+.highlight .ge {
+  font-style: italic;
+} /* Generic.Emph */
+.highlight .gh {
+  color: #f2f0ec;
+  font-weight: bold;
+} /* Generic.Heading */
+.highlight .gi {
+  color: #99cc99;
+} /* Generic.Inserted */
+.highlight .gp {
+  color: #747369;
+  font-weight: bold;
+} /* Generic.Prompt */
+.highlight .gs {
+  font-weight: bold;
+} /* Generic.Strong */
+.highlight .gu {
+  color: #66cccc;
+  font-weight: bold;
+} /* Generic.Subheading */
+.highlight .kc {
+  color: #cc99cc;
+} /* Keyword.Constant */
+.highlight .kd {
+  color: #cc99cc;
+} /* Keyword.Declaration */
+.highlight .kn {
+  color: #66cccc;
+} /* Keyword.Namespace */
+.highlight .kp {
+  color: #cc99cc;
+} /* Keyword.Pseudo */
+.highlight .kr {
+  color: #cc99cc;
+} /* Keyword.Reserved */
+.highlight .kt {
+  color: #ffcc66;
+} /* Keyword.Type */
+.highlight .ld {
+  color: #99cc99;
+} /* Literal.Date */
+.highlight .m {
+  color: #f99157;
+} /* Literal.Number */
+.highlight .s {
+  color: #99cc99;
+} /* Literal.String */
+.highlight .na {
+  color: #6699cc;
+} /* Name.Attribute */
+.highlight .nb {
+  color: #f2f0ec;
+} /* Name.Builtin */
+.highlight .nc {
+  color: #ffcc66;
+} /* Name.Class */
+.highlight .no {
+  color: #f2777a;
+} /* Name.Constant */
+.highlight .nd {
+  color: #66cccc;
+} /* Name.Decorator */
+.highlight .ni {
+  color: #f2f0ec;
+} /* Name.Entity */
+.highlight .ne {
+  color: #f2777a;
+} /* Name.Exception */
+.highlight .nf {
+  color: #6699cc;
+} /* Name.Function */
+.highlight .nl {
+  color: #f2f0ec;
+} /* Name.Label */
+.highlight .nn {
+  color: #ffcc66;
+} /* Name.Namespace */
+.highlight .nx {
+  color: #6699cc;
+} /* Name.Other */
+.highlight .py {
+  color: #f2f0ec;
+} /* Name.Property */
+.highlight .nt {
+  color: #66cccc;
+} /* Name.Tag */
+.highlight .nv {
+  color: #f2777a;
+} /* Name.Variable */
+.highlight .ow {
+  color: #66cccc;
+} /* Operator.Word */
+.highlight .w {
+  color: #f2f0ec;
+} /* Text.Whitespace */
+.highlight .mb {
+  color: #f99157;
+} /* Literal.Number.Bin */
+.highlight .mf {
+  color: #f99157;
+} /* Literal.Number.Float */
+.highlight .mh {
+  color: #f99157;
+} /* Literal.Number.Hex */
+.highlight .mi {
+  color: #f99157;
+} /* Literal.Number.Integer */
+.highlight .mo {
+  color: #f99157;
+} /* Literal.Number.Oct */
+.highlight .sa {
+  color: #99cc99;
+} /* Literal.String.Affix */
+.highlight .sb {
+  color: #99cc99;
+} /* Literal.String.Backtick */
+.highlight .sc {
+  color: #f2f0ec;
+} /* Literal.String.Char */
+.highlight .dl {
+  color: #99cc99;
+} /* Literal.String.Delimiter */
+.highlight .sd {
+  color: #747369;
+} /* Literal.String.Doc */
+.highlight .s2 {
+  color: #99cc99;
+} /* Literal.String.Double */
+.highlight .se {
+  color: #f99157;
+} /* Literal.String.Escape */
+.highlight .sh {
+  color: #99cc99;
+} /* Literal.String.Heredoc */
+.highlight .si {
+  color: #f99157;
+} /* Literal.String.Interpol */
+.highlight .sx {
+  color: #99cc99;
+} /* Literal.String.Other */
+.highlight .sr {
+  color: #99cc99;
+} /* Literal.String.Regex */
+.highlight .s1 {
+  color: #99cc99;
+} /* Literal.String.Single */
+.highlight .ss {
+  color: #99cc99;
+} /* Literal.String.Symbol */
+.highlight .bp {
+  color: #f2f0ec;
+} /* Name.Builtin.Pseudo */
+.highlight .fm {
+  color: #6699cc;
+} /* Name.Function.Magic */
+.highlight .vc {
+  color: #f2777a;
+} /* Name.Variable.Class */
+.highlight .vg {
+  color: #f2777a;
+} /* Name.Variable.Global */
+.highlight .vi {
+  color: #f2777a;
+} /* Name.Variable.Instance */
+.highlight .vm {
+  color: #f2777a;
+} /* Name.Variable.Magic */
+.highlight .il {
+  color: #f99157;
+} /* Literal.Number.Integer.Long */