jekyll-theme-fica 0.1.5 → 0.1.8

data/_sass/layouts/variables.scss

@@ -0,0 +1,89 @@
+@charset "utf-8";
+// 
+// Fonts
+// 
+$text-font-family: "Roboto",
+sans-serif !default;
+$code-font-family: "Cascadia Code",
+sans-serif;
+
+$text-font-weight: 340 !default;
+
+// 
+// Table
+// 
+$table-text-align: left !default;
+
+// 
+// Headers
+// 
+//
+$h2-h6_fnt-wght: 450;
+$h1_fnt-wght: 700;
+$h1_fnt-sze: 35px;
+
+$font-size: 17px !default;
+$small-font-size: $font-size * 0.875 !default;
+
+$line-height: 1.5 !default;
+$spacing-unit: 30px !default;
+
+// 
+// Site banner
+// 
+$site-banner-title-fnt-sze: 2.2rem;
+$site-banner-description-fnt-sze: 1.2rem;
+$site-banner-picture-sze_wdth: 100%; //make sure that the width and height are the same
+$site-banner-picture-sze_hght: 100%; //make sure that the width and height are the same
+
+// 
+// Transitions
+// 
+$transition-btn: color 0.2s, background-color 0.2s, border-color 0.2s ease-in-out;
+$transition-links: color 0.3s ease-in-out;
+$tansitions-page-bar: background-color 0.3s, fill 0.3s ease-in-out;
+
+// 
+// Animations
+// 
+$animation-site-pic: 2s; //animations for banner-pic
+$animation-main: 1s; //animations for banner description and the body of the site.
+
+// 
+// Content width
+// 
+$content-width: 800px !default;
+
+$mobile-width: 710px !default;
+$pc-width: 800px !default;
+
+// 
+// Media queries
+// 
+@mixin media-query($device) {
+    @media screen and (max-width: $device) {
+        @content;
+    }
+}
+
+@mixin relative-font-size($ratio) {
+    font-size: #{$ratio}rem;
+}
+
+@mixin large {
+    @media screen and (min-width: #{$large-breakpoint}) {
+        @content;
+    }
+}
+
+@mixin medium {
+    @media screen and (min-width: #{$medium-breakpoint}) and (max-width: #{$large-breakpoint}) {
+        @content;
+    }
+}
+
+@mixin small {
+    @media screen and (max-width: #{$medium-breakpoint}) {
+        @content;
+    }
+}

data/_sass/themes/dark theme/highlight.scss

@@ -0,0 +1,363 @@
+.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: #d50000;
+    background-color: #ff8a80;
+}
+
+/* Generic.Deleted */
+.highlight .ge {
+    font-style: italic;
+}
+
+/* Generic.Emph */
+.highlight .gh {
+    color: #f2f0ec;
+    font-weight: bold;
+}
+
+/* Generic.Heading */
+.highlight .gi {
+    color: #00c853;
+    background-color: #ccff90;
+}
+
+/* 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;
+}

data/_sass/themes/dark theme/theme-dark.scss

@@ -0,0 +1,135 @@
+// 
+// Dark Theme
+// 
+
+//                                                   //
+//-------------Basic settings-----------------------//
+//                                                 //
+$primary_color: #1d2127 !default;
+$link-color: #4dd0e1!default;
+$text-color: #ffffff !default;
+
+//                                                     //
+//-------------Advance settings-----------------------//
+//                                                   //
+// 
+// Header
+// 
+$header-link-color: darken($text-color, 40%) !default;
+$site-header-bg: darken($primary_color, 5%) !default;
+
+// 
+// Site Home Banner
+// 
+$header-bg-color: $link-color !default;
+$home-header-title-color: darken($primary_color, 3%) !default;
+
+// 
+// Site Nav
+// 
+$menu-bdr-color: darken($primary_color, 6%) !default;
+$menu-color: $text-color !default;
+$menu-bg-color-chae: darken($primary_color, 6%) !default;
+
+// 
+// Site Footer
+// 
+$footer-bg-color: darken($primary_color, 2%) !default;
+$footer-head-link-color: darken($text-color, 50%) !default;
+$footer-links-color: darken($text-color, 10%) !default;
+$footer-links-hover-color: darken($footer-links-color, 30%) !default;
+
+// 
+// Site Scroll
+// 
+$scroll_bar_bg_color: darken($text-color, 10%) !default;
+
+// 
+// Error Pages
+// 
+$error-div-bg-color: darken($primary_color, 2%) !default;
+$error-btn-svg-color: $primary_color !default;
+$error-btn-bg-color: $primary_color !default;
+$error-btn-hover-color: darken($error-btn-bg-color, 7%) !default;
+
+// 
+// Page bar
+// 
+$page-bar-top-bar-color: darken($primary_color, 5%) !default;
+$page-bar-btn-bg-color: darken($primary_color, 2%) !default;
+$page-bar-svg-color: $text-color !default;
+$page-bar-btn-hover-color: darken($page-bar-btn-bg-color, 5%) !default;
+$page-bar-svg-hover-color: darken($page-bar-svg-color, 30%) !default;
+$page-bar-btn-disabled: lighten($page-bar-btn-bg-color, 5%) !default;
+
+// 
+// Button
+// 
+// $btn-bg-color:           #525252 !default;
+// $btn-color-hover:        #353535 !default;
+$btn-bg-color: lighten($primary_color, 8%) !default;
+$btn-color-hover: darken($btn-bg-color, 5%) !default;
+$btn-text-hover-color: darken($text-color, 50%) !default;
+
+// 
+// Highlight
+// 
+$highlight-bg-color: darken($link-color, 20%) !default;
+$highlight-text-color: darken($text-color, 100%) !default;
+
+// 
+// Prompt Tip
+// 
+$prompt-tip-bg-color: #5a8034 !default;
+
+// 
+//  Prompt Info
+// 
+$prompt-info-bg-color: #1a61b3 !default;
+
+// 
+//  Prompt Warning
+// 
+$prompt-warning-bg-color: #b3761a !default;
+
+// 
+// Prompt Danger
+// 
+$prompt-danger-bg-color: #b31a1a !default;
+
+// 
+// Code
+// 
+$code-background-color: darken($primary_color, 3%) !default;
+$code-text-color: #4dd0e1 !default;
+$blockquote-text-color: darken($text-color, 30%) !default;
+
+// 
+// links
+// 
+$link-visited-color: $link-color !default;
+$link-hover-color: darken($link-color, 33%) !default;
+
+// 
+// Table
+// 
+$table-text-color: $text-color !default;
+$table-zebra-color: darken($primary_color, 2%) !default;
+$table-header-bg-color: darken($primary_color, 3%) !default;
+
+$Github: #f0f6fc !default;
+
+$border-color: lighten($primary_color, 3%) !default;
+
+// 
+// Back to Top
+// 
+$BTT-bg-color: $code-text-color !default;
+$BTT-svg-color: darken($text-color, 100%) !default;
+
+// 
+// BOLD
+// 
+$Bold-color: #88ffff !default;
+
+@import "themes/dark theme/highlight"

data/_sass/themes/{Light_Theme.scss → light theme/highlight.scss }

@@ -1,52 +1,6 @@
-// Basic Settings
-$background-color:      #c7c7c7  !default;
-$text-color:            #000000 !default;
-
-// Site Header
-$header-link-color:     lighten($text-color, 40%) !default;
-$site-header-bg:        darken($background-color, 5%) !default;
-
-// Site Home Banner
-$header-bg-color:        #005b3b !default;
-$home-header-title-color: darken($background-color, 10%) !default;
-
-//Site Nav
-
-$menu-bdr-color:        lighten($background-color, 6%) !default;
-$menu-color:            #ffffff !default;
-$menu-bg-color-chae:    lighten($background-color, 6%) !default;
-
-// Site Scroll
-$scroll_bar_bg_color:   lighten($text-color, 60%) !default; 
-
-
-
-$btn-bg-color:          lighten($background-color, 8%) !default;
-$btn-color-hover:       darken($btn-bg-color, 5%) !default;
-$btn-text-hover-color:   lighten($text-color, 50%) !default;
-
-
-$footer-bg-color:       lighten($background-color, 5%) !default;
-
-$code-background-color: lighten($background-color, 3%) !default;
-$code-text-color:       #cfcc13 !default;
-$blockquote-text-color: lighten($text-color, 30%) !default;
-
-$link-base-color:       #005b3b  !default;
-$link-visited-color:    lighten($link-base-color, 15%) !default;
-$link-hover-color:      darken($link-base-color, 2%) !default;
-
-$table-text-color:      $text-color !default;
-$table-zebra-color:     lighten($background-color, 2%) !default;
-$table-header-bg-color: lighten($background-color, 3%) !default;
-$table-header-border:   lighten($background-color, 10%) !default;
-$table-border-color:    lighten($background-color, 100%) !default;
-
-$Github:                darken($background-color, 100%) !default;
 
 .highlight .cm {
     color: #999988;
-    font-style: italic;
   }
   .highlight .cp {
     color: #999999;
@@ -54,28 +8,23 @@ $Github:                darken($background-color, 100%) !default;
   }
   .highlight .c1 {
     color: #999988;
-    font-style: italic;
   }
   .highlight .cs {
     color: #999999;
     font-weight: bold;
-    font-style: italic;
   }
   .highlight .c, .highlight .cd {
     color: #999988;
-    font-style: italic;
   }
   .highlight .err {
     color: #a61717;
-    background-color: #e3d2d2;
   }
   .highlight .gd {
-    color: #000000;
-    background-color: #ffdddd;
+    color: #ef5350;
+    background-color: #b71c1c;
   }
   .highlight .ge {
     color: #000000;
-    font-style: italic;
   }
   .highlight .gr {
     color: #aa0000;
@@ -84,8 +33,8 @@ $Github:                darken($background-color, 100%) !default;
     color: #999999;
   }
   .highlight .gi {
-    color: #000000;
-    background-color: #ddffdd;
+    color: #1b5e20;
+    background-color: #66bb6a;
   }
   .highlight .go {
     color: #888888;
@@ -149,13 +98,13 @@ $Github:                darken($background-color, 100%) !default;
     color: #009999;
   }
   .highlight .sb {
-    color: #d14;
+    color: #ff0040;
   }
   .highlight .sc {
-    color: #d14;
+    color: #ff7799;
   }
   .highlight .sd {
-    color: #d14;
+    color: rgb(173, 0, 43);
   }
   .highlight .s2 {
     color: #d14;
@@ -247,10 +196,4 @@ $Github:                darken($background-color, 100%) !default;
   }
   .highlight .w {
     color: #bbbbbb;
-  }
-
-
-
-
-
-
+  }