redeyed-jekyll-theme 0.1.0 → 0.1.1

data/_sass/theme/scheme-light.scss

@@ -0,0 +1,220 @@
+/*
+ * LIGHT MODE THEME
+ */
+
+@mixin light-scheme {
+
+    /* COMMON COLORS */
+
+    --blue: #0078D2;
+    --indigo: #3C00D2;
+    --purple: #6900D2;
+    --pink: #D200B4;
+    --red: #D20000;
+    --orange: #D26900;
+    --yellow: #D2B400;
+    --green: #3CD200;
+    --teal: #00D278;
+    --cyan: #00D2D2;
+    --violet: #D200D2;
+    --black: #000000;
+    --white: #FFFFFF;
+    --smoke: #EDDCC9;
+    --darkslategray: #2F4F4F;
+    --dodger-blue: #1E90FF;
+    --cyan-cobalt: #1D58A5;
+
+    /* FRAMEWORK */
+
+    --primary-bg: rgb(33, 37, 41);
+    --secondary-bg: rgb(56, 66, 94);
+    --tertiary-bg: rgb(25, 28, 36);
+
+    --primary: var(--red);
+    --secondary: var(--orange);
+    --success: var(--green);
+    --info: var(--blue);
+    --warning: var(--yellow);
+    --danger: #CD0202;
+    --light: #AAB2BD;
+    --dark: #12151E;
+    --bright: var(--white);
+    --subdued: #808080;
+
+    /* FONTS */
+
+    --text-color: var(--light);
+    --text-muted: var(--subdued);
+    --heading-primary: var(--white);
+    --heading-secondary: var(--red);
+    --subheading: rgb(108, 114, 147);
+
+    /* ALERTS */
+
+    --alert-primary-bg: rgb(210 0 0 / 25%);
+    --alert-primary-text: var(--red);
+    --alert-primary-border: rgb(210 0 0 / 50%);
+    --alert-secondary-bg:  rgb(210 105 0 / 25%);
+    --alert-secondary-text: var(--orange);
+    --alert-secondary-border: rgb(210 105 3 / 50%);
+    --alert-success-bg: rgb(60 210 0 / 25%);
+    --alert-success-text: var(--green);
+    --alert-success-border: rgb(60 210 0 / 50%);
+    --alert-danger-bg: rgb(205 2 2 / 25%);
+    --alert-danger-text: var(--danger);
+    --alert-danger-border: rgb(205 2 2 / 50%);
+    --alert-warning-bg: rgb(210 180 0 / 25%);
+    --alert-warning-text: var(--yellow);
+    --alert-warning-border: rgb(210 180 0 / 50%);
+    --alert-info-bg: rgb(0 120 210 / 25%);
+    --alert-info-text: var(--blue);
+    --alert-info-border: rgb(0 120 210 / 50%);
+    --alert-light-bg: rgb(170 178 189 / 25%);
+    --alert-light-text: var(--dark);
+    --alert-light-border: rgb(170 178 189 / 50%);
+    --alert-dark-bg: rgb(18 21 30 / 25%);
+    --alert-dark-text: var(--light);
+    --alert-dark-border: rgb(18 21 30 / 50%);
+
+    /* BACK-TO-TOP */
+
+    --btt-bg: var(--red);
+    --btt-text: var(--yellow);
+    --btt-border: var(--alert-danger-border);
+    --btt-radius: 1rem;
+    --btt-shadow: var(--dark);
+
+    /* BLOCKQUOTES */
+
+    --blockquote-bg: rgb(56 66 94 / 50%);
+    --blockquote-color: var(--subdued);
+    --blockquote-border: rgb(56 66 94);
+    --blockquote-radius: .45rem;
+    --blockquote-highlight: var(--yellow);
+    --blockquote-shadow: var(--dark);
+
+    /* BORDERS */
+
+    --main-border-color: var(--secondary-bg);
+
+    /* BREADCRUMBS */
+
+    --crumb-bg: var(--tertiary-bg);
+    --crumb-color: var(--subdued);
+    --crumb-active-color: var(--red);
+    --crumb-link-color: var(--orange);
+    --crumb-hover-color: var(--red);
+
+    /* BUTTONS */
+
+    --btn-bg: rgb(210 0 0 / 50%);
+    --btn-text: var(--yellow);
+    --btn-border: rgb(210 0 0 / 25%);
+    --btn-radius: .45rem;
+    --btn-shadow: var(--dark);
+
+    /* CARDS */
+
+    --card-bg1: var(--secondary-bg);
+    --card-text1: var(--light);
+    --card-border1: rgb(56 66 94 / 50%);
+    --card-bg2: var(--tertiary-bg);
+    --card-text2: var(--light);
+    --card-border2: rgb(25 28 36 / 75%);
+    --card-bg3: var(--primary-bg);
+    --card-text3: var(--smoke);
+    --card-border3: rgb(33 37 41 / 75%);
+    --card-header-bg1: rgb(210 0 0 / 50%);
+    --card-header-text1: var(--white);
+    --card-header-bg2: var(--light);
+    --card-header-text2: var(--dark);
+    --card-header-bg3: var(--secondary-bg);
+    --card-header-text3: var(--light);
+    --card-border-radius: .45rem;
+    --card-box-shadow: var(--dark);
+
+    /* HORIZONTAL RULES */
+
+    --hr1: var(--secondary-bg);
+    --hr2: var(--tertiary-bg);
+    --hr3: var(--primary-bg);
+
+    // KBD
+    --kbd-bg: var(--secondary-bg);
+    --kbd-text: var(--light);
+    --kbd-wrap: var(--light);
+
+    /* LABEL */
+    --label-color: var(--light);
+
+    /* LINKS */
+
+    --link-color: var(--white);
+    --link-hover: var(--red);
+    --link-active: var(--orange);
+    --link-disabled: var(--subdued);
+
+    /* NAVBAR */
+
+    --navbar-bg: var(--secondary-bg);
+    --navbar-text: var(--smoke);
+    --navbar-muted: rgb(237 220 201 / 50%);
+    --navbar-shadow: var(--dark);
+    --navbar-link: var(--white);
+    --navbar-hover: var(--red);
+    --navbar-active: var(--orange);
+
+    /* NAVBAR - DROPDOWN */
+
+    --navbar-dd-bg: lighten(var(--secondary-bg), 50%);
+    --navbar-dd-text: var(--smoke);
+    --navbar-dd-muted: var(--navbar-muted);
+    --navbar-dd-border: lighten(var(--secondary-bg), 75%);
+    --navbar-dd-radius: .45rem;
+    --navbar-dd-shadow: var(--dark);
+    --navbar-dd-link: var(--white);
+    --navbar-dd-hover: var(--red);
+    --navbar-dd-active: var(--orange);
+    --navbar-dd-separator: var(--secondary-bg);
+    --navbar-search-bg: var(--secondary-bg);
+    --navbar-search-border: darken(var(--secondary-bg), 50%);
+    --navbar-search-icon: var(--subdued);
+    --navbar-search-focus: var(--secondary-bg);
+    --navbar-search-focus-border: var(--orange);
+    --navbar-search-focus-text: var(--orange);
+    --navbar-search-focus-icon: var(--orange);
+    --navbar-search-holder-text: var(--subdued);
+
+    /* SIDEBAR */
+
+    --sidebar-bg: var(--secondary-bg);
+    --sidebar-text: var(--light);
+    --sidebar-muted: var(--subdued);
+    --sidebar-link: var(--white);
+    --sidebar-hover: var(--red);
+    --sidebar-active: var(--orange);
+
+    /* TABLES */
+    --table-header-bg1: var(--primary-bg);
+    --table-header-bg2: var(--secondary-bg);
+    --table-header-text1: var(--white);
+    --table-header-text2: var(--white);
+    --table-row-bg1: lighten(var(--primary-bg), 100%);
+    --table-row-bg2: var(--primary-bg);
+    --table-row-text1: var(--light);
+    --table-row-text2: var(--light);
+    --table-row-hover1: var(--secondary-bg);
+    --table-row-hover2: var(--primary-bg);
+    --table-caption: var(--subdued);
+
+    /* TAGS */
+    --tag-bg: var(--primary-bg);
+    --tag-text: var(--light);
+    --tag-hover-bg: var(--primary-bg);
+    --tag-hover-border: var(--yellow);
+    --tag-muted: var(--subdued);
+    --tag-border: var(--secondary-bg);
+    --tag-shadow: var(--dark);
+    --tag-dash: var(--red);
+
+} /* dark-scheme */

data/_sass/theme/syntax-dark.scss

@@ -0,0 +1,150 @@
+/*
+ * DARK SYNTAX HIGHLIGHTING
+ */
+
+@mixin syntax-dark {
+    /* syntax highlight colors from https://raw.githubusercontent.com/jwarby/pygments-css/master/monokai.css */
+    .highlight pre { background-color: var(--highlight-bg-color); }
+    .highlight .hll { background-color: var(--highlight-bg-color); }
+    .highlight .c { color: #75715e; }
+    /* Comment */
+    .highlight .err { color: #960050; background-color: #1e0010; }
+    /* Error */
+    .highlight .k { color: #66d9ef; }
+    /* Keyword */
+    .highlight .l { color: #ae81ff; }
+    /* Literal */
+    .highlight .n { color: #f8f8f2; }
+    /* Name */
+    .highlight .o { color: #f92672; }
+    /* Operator */
+    .highlight .p { color: #f8f8f2; }
+    /* Punctuation */
+    .highlight .cm { color: #75715e; }
+    /* Comment.Multiline */
+    .highlight .cp { color: #75715e; }
+    /* Comment.Preproc */
+    .highlight .c1 { color: #75715e; }
+    /* Comment.Single */
+    .highlight .cs { color: #75715e; }
+    /* Comment.Special */
+    .highlight .ge { color: inherit; font-style: italic; }
+    /* Generic.Emph */
+    .highlight .gs { font-weight: bold; }
+    /* Generic.Strong */
+    .highlight .kc { color: #66d9ef; }
+    /* Keyword.Constant */
+    .highlight .kd { color: #66d9ef; }
+    /* Keyword.Declaration */
+    .highlight .kn { color: #f92672; }
+    /* Keyword.Namespace */
+    .highlight .kp { color: #66d9ef; }
+    /* Keyword.Pseudo */
+    .highlight .kr { color: #66d9ef; }
+    /* Keyword.Reserved */
+    .highlight .kt { color: #66d9ef; }
+    /* Keyword.Type */
+    .highlight .ld { color: #e6db74; }
+    /* Literal.Date */
+    .highlight .m { color: #ae81ff; }
+    /* Literal.Number */
+    .highlight .s { color: #e6db74; }
+    /* Literal.String */
+    .highlight .na { color: #a6e22e; }
+    /* Name.Attribute */
+    .highlight .nb { color: #f8f8f2; }
+    /* Name.Builtin */
+    .highlight .nc { color: #a6e22e; }
+    /* Name.Class */
+    .highlight .no { color: #66d9ef; }
+    /* Name.Constant */
+    .highlight .nd { color: #a6e22e; }
+    /* Name.Decorator */
+    .highlight .ni { color: #f8f8f2; }
+    /* Name.Entity */
+    .highlight .ne { color: #a6e22e; }
+    /* Name.Exception */
+    .highlight .nf { color: #a6e22e; }
+    /* Name.Function */
+    .highlight .nl { color: #f8f8f2; }
+    /* Name.Label */
+    .highlight .nn { color: #f8f8f2; }
+    /* Name.Namespace */
+    .highlight .nx { color: #a6e22e; }
+    /* Name.Other */
+    .highlight .py { color: #f8f8f2; }
+    /* Name.Property */
+    .highlight .nt { color: #f92672; }
+    /* Name.Tag */
+    .highlight .nv { color: #f8f8f2; }
+    /* Name.Variable */
+    .highlight .ow { color: #f92672; }
+    /* Operator.Word */
+    .highlight .w { color: #f8f8f2; }
+    /* Text.Whitespace */
+    .highlight .mf { color: #ae81ff; }
+    /* Literal.Number.Float */
+    .highlight .mh { color: #ae81ff; }
+    /* Literal.Number.Hex */
+    .highlight .mi { color: #ae81ff; }
+    /* Literal.Number.Integer */
+    .highlight .mo { color: #ae81ff; }
+    /* Literal.Number.Oct */
+    .highlight .sb { color: #e6db74; }
+    /* Literal.String.Backtick */
+    .highlight .sc { color: #e6db74; }
+    /* Literal.String.Char */
+    .highlight .sd { color: #e6db74; }
+    /* Literal.String.Doc */
+    .highlight .s2 { color: #e6db74; }
+    /* Literal.String.Double */
+    .highlight .se { color: #ae81ff; }
+    /* Literal.String.Escape */
+    .highlight .sh { color: #e6db74; }
+    /* Literal.String.Heredoc */
+    .highlight .si { color: #e6db74; }
+    /* Literal.String.Interpol */
+    .highlight .sx { color: #e6db74; }
+    /* Literal.String.Other */
+    .highlight .sr { color: #e6db74; }
+    /* Literal.String.Regex */
+    .highlight .s1 { color: #e6db74; }
+    /* Literal.String.Single */
+    .highlight .ss { color: #e6db74; }
+    /* Literal.String.Symbol */
+    .highlight .bp { color: #f8f8f2; }
+    /* Name.Builtin.Pseudo */
+    .highlight .vc { color: #f8f8f2; }
+    /* Name.Variable.Class */
+    .highlight .vg { color: #f8f8f2; }
+    /* Name.Variable.Global */
+    .highlight .vi { color: #f8f8f2; }
+    /* Name.Variable.Instance */
+    .highlight .il { color: #ae81ff; }
+    /* Literal.Number.Integer.Long */
+    .highlight .gu { color: #75715e; }
+    /* Generic.Subheading & Diff Unified/Comment? */
+    .highlight .gd { color: #f92672; background-color: #561c08; }
+    /* Generic.Deleted & Diff Deleted */
+    .highlight .gi { color: #a6e22e; background-color: #0b5858; }
+    /* Generic.Inserted & Diff Inserted */
+
+    /* -----  custom styles ------ */
+
+    --highlight-bg-color: #252525;
+    --highlighter-rouge-color: #de6b18;
+    --highlight-lineno-color: #6c6c6d;
+    --inline-code-bg: #272822;
+    --code-header-text-color: #6a6a6a;
+    --code-header-muted-color: rgb(60 60 60);
+    --code-header-icon-color: rgb(86 86 86);
+    --clipboard-checked-color: #2bcc2b;
+    --filepath-text-color: #bdbdbd;
+
+    .highlight {
+        .gp { color: #818c96; }
+    }
+
+    pre { color: #bfbfbf; }
+    /* override Bootstrap */
+} /* syntax-dark */

data/_sass/{colors/light-syntax.scss → theme/syntax-light.scss}

@@ -1,8 +1,8 @@
 /*
-    Code Highlighter - Light Mode
-*/
+ * The syntax light mode code snippet colors.
+ */
 
-@mixin light-syntax {
+@mixin syntax-light {
     /* see: <https://raw.githubusercontent.com/jwarby/pygments-css/master/github.css> */
     .highlight .hll { background-color: #ffffcc; }
     .highlight .c { color: #999988; font-style: italic; } /* Comment */
@@ -81,4 +81,4 @@
         --highlighter-rouge-color: rgb(82 82 82);
     }
 
-} /* light-syntax */
+} /* syntax-light */

data/_sass/theme/variables.scss

@@ -0,0 +1,60 @@
+@charset "utf-8";
+
+// FONTS
+
+$base-font-family: 'Cormorant Infant', serif !default;
+$base-font-weight: 400 !default;
+$base-font-size: 13px !default;
+$base-line-height: 1.2rem !default;
+
+$headings-font-family: 'Cormorant Unicase', serif !default;
+$headings-font-weight: 400 !default;
+
+$code-font-family: 'Xanh Mono', monospace !default;
+$code-font-weight: 400 !default;
+
+$spacing: 30px !default;
+
+// LINKS
+
+$link-decoration: 'none' !default;
+$link-hover-decoration: 'none' !default;
+
+// BREADCRUMBS
+
+$crumb-link-decoration: none !default;
+$crumb-hover-decoration: none !default;
+
+// BORDERS
+
+$border-width: 1px !default;
+
+$border-radius: .45rem !default;
+$border-radius-sm: .1875rem !default;
+$border-radius-lg: .9375rem !default;
+$border-radius-pill: 1rem !default;
+
+// CODE
+
+$code-font-height: .85rem !default;
+
+// COPYRIGHT
+
+$copyright-height: 2.5rem !default;
+
+// FOOTER
+
+$footer-height: 5rem !default;
+
+// NAVBAR
+
+$navbar-height: 3rem !default;
+$navbar-padding-x: .5rem  !default;
+$navbar-padding-y: .5rem  !default;
+
+$navbar-search-max-width: 210px !default;
+
+// SIDEBAR
+$sidebar-width: 260px !default;
+$sidebar-width-sm: 210px !default;
+$sidebar-width-lg: 350px !default;