jekyll-theme-fica 0.1.8 → 0.2.2

data/_sass/base.scss

@@ -0,0 +1,472 @@
+html {
+  overflow-x: hidden;
+  scroll-behavior: smooth;
+
+  ::selection {
+    background-color: $highlight-bg-color;
+    color: $highlight-text-color;
+  }
+}
+
+//
+// Reseting elements
+//
+
+body,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+hr,
+dl,
+dd,
+ol,
+ul,
+figure {
+  margin: 0;
+  padding: 0;
+}
+
+//  set `margin-bottom` to maintain vertical alignment
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+ul,
+ol,
+figure,
+%vertical-rhythm {
+  margin-bottom: $font-spacing - 15;
+}
+
+//
+// body
+//
+body {
+  font: $font-weight #{$font-size}/#{$line-height} $font-family;
+  color: $text-color;
+  background-color: $primary_color;
+  -webkit-text-size-adjust: 100%;
+  font-kerning: normal;
+  display: flex;
+  min-height: 100vh;
+  flex-direction: column;
+  overflow-wrap: break-word;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+
+  &::-webkit-scrollbar {
+    height: 16px;
+  }
+
+  &::-webkit-scrollbar-track {
+    background-color: transparent;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: rgba(128, 134, 139, 0.2);
+    background-clip: padding-box;
+    border: 4px solid transparent;
+    border-radius: 10px;
+    box-sizing: border-box;
+
+    &:hover {
+      background: rgba(128, 134, 139, 0.4);
+      box-sizing: border-box;
+      background-clip: padding-box;
+    }
+  }
+}
+
+//
+// line
+//
+hr {
+  margin-top: $font-spacing;
+  margin-bottom: $font-spacing;
+  border: 0;
+  border-top: 2px solid $text-mute-color;
+  border-radius: 7px;
+}
+
+//
+// wrapper
+//
+.wrapper {
+  padding: 0 $font-spacing - 5 0 $font-spacing - 5;
+  margin: 0 auto 0 auto;
+  max-width: $content-width + 100;
+}
+
+.footer-wrapper {
+    padding: 0 $font-spacing - 5 0 $font-spacing - 5;
+    margin: 0 auto 0 auto;
+    max-width: 1168px;
+  }
+
+
+.post-wrapper {
+  padding: 0 $font-spacing - 5 0 $font-spacing - 5;
+  margin: 0 auto 0 auto;
+  max-width: $content-width + 100;
+
+  @media screen and (min-width: 1111px) {
+    display: flex;
+    justify-content: center;
+  }
+}
+
+.content {
+  padding: 30px 0 30px;
+  flex: 1 0 auto;
+  overflow: hidden;
+  opacity: 0;
+  transform: translateY(3rem);
+  animation: 208.898ms linear 0s 1 normal forwards running slide-up;
+  animation-delay: 252.00568990042672ms;
+}
+
+//
+// Headers
+//
+h1 {
+  font-size: $font-size + 31;
+  line-height: 1.5;
+}
+
+h2 {
+  font-size: $font-size + 26;
+  line-height: 1.5;
+}
+
+h3 {
+  font-size: $font-size + 21;
+  line-height: 1.5;
+}
+
+h4 {
+  font-size: $font-size + 16;
+  line-height: 1.5;
+}
+
+h5 {
+  font-size: $font-size + 11;
+  line-height: 1.5;
+}
+
+h6 {
+  font-size: $font-size + 6;
+  line-height: 1.5;
+}
+
+//
+// Lists
+//
+ul,
+ol {
+  margin-left: $font-spacing;
+}
+
+//
+// Links
+//
+a {
+  text-decoration: none;
+  transition: $transition-links;
+  color: $link-visited-color;
+  font-weight: 700;
+
+  &:hover {
+    color: $link-hover-color;
+    text-decoration: none;
+  }
+}
+
+li {
+  > ul,
+  > ol {
+    margin-bottom: 0;
+  }
+}
+
+//
+// Image
+//
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+//
+// BOLD
+//
+strong {
+  font-weight: 900;
+  font-size: 18px;
+}
+
+//
+// Figures
+//
+figure > img {
+  display: block;
+}
+
+figcaption {
+  font-size: $small-font-size;
+}
+
+//
+//  Blockquotes
+//
+blockquote {
+  color: $blockquote-text-color;
+  border-left: 4px solid $code-background-color;
+  padding-left: $font-spacing / 2;
+  @include relative-font-size(1.125);
+  font-style: italic;
+
+  > :last-child {
+    margin-bottom: 0;
+  }
+
+  i,
+  em {
+    font-style: normal;
+  }
+}
+
+//
+//  Code format
+//
+pre,
+code {
+  font-size: inherit;
+  border: 1px solid $code-background-color;
+  border-radius: 4px;
+  font-weight: 700;
+  background-color: $code-background-color;
+  color: $code-text-color;
+
+  @include horizontal-scroll();
+}
+
+code {
+  padding: 1px 5px;
+
+  a {
+    color: inherit !important;
+    border-bottom: none !important;
+    pointer-events: none;
+  }
+}
+
+pre {
+  overflow-x: auto;
+
+  > code {
+    border: 0;
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+.rouge-table {
+  width: 0%;
+
+  .rouge-gutter {
+    padding: 0px;
+    border: 0px;
+  }
+
+  td.rouge-code {
+    padding-left: 1rem;
+    border: 0px;
+  }
+
+  border: 0px;
+  margin-bottom: 0px;
+}
+
+.highlight {
+  border-radius: 5px;
+  background: $code-background-color;
+  border: 0px;
+  @extend %vertical-rhythm;
+
+  pre {
+    margin-bottom: 0;
+    font-size: $code-font-family;
+    line-height: 1.5rem;
+    word-wrap: normal;
+    /* Fixed Safari overflow-x */
+  }
+
+  .lineno {
+    padding-top: 7px;
+    padding-bottom: 7px;
+    padding-left: 7px;
+    padding-right: 0px;
+    width: 1%;
+
+    min-width: 20px;
+    text-align: right;
+    color: $text-mute-color;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    -o-user-select: none;
+    user-select: none;
+  }
+
+  //  set the dollar sign to non-selectable
+  .gp {
+    user-select: none;
+  }
+
+  table {
+    td pre {
+      overflow: visible; // Fixed iOS safari overflow-x
+      word-break: normal; // Fixed iOS safari linenos code break
+    }
+  }
+
+  .highlighter-rouge & {
+    background: $code-background-color;
+  }
+}
+
+// Removes the line numbers default snippets
+div {
+  &[class^="highlighter-rouge"],
+  &.language-plaintext.highlighter-rouge,
+  &.language-console.highlighter-rouge,
+  &.language-terminal.highlighter-rouge,
+  &.nolineno {
+    pre.lineno {
+      display: none;
+    }
+
+    td.rouge-code {
+      padding: 8px 12px;
+    }
+
+    pre.highlight {
+      padding: 0px;
+      padding-bottom: 0px;
+    }
+  }
+}
+
+//
+//  Icons
+//
+
+// .stackoverflow {
+//   color: #f66a0a;
+// }
+
+// .youtube {
+//   color: #dd0505;
+// }
+
+// .github {
+//   color: $Github;
+
+// }
+
+.svg-icon {
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  fill: currentColor;
+  padding: 5px 3px 2px 5px;
+  vertical-align: text-bottom;
+}
+
+.gitlab {
+  color: $Github;
+}
+
+dl {
+  padding: 0;
+
+  dt {
+    padding: 0;
+    margin-top: 1rem;
+    font-size: $font-size;
+    font-weight: 690;
+  }
+
+  dd {
+    margin-inline-start: 40px;
+  }
+}
+
+//
+// Error page
+//
+.container {
+  margin: 10px auto;
+  max-width: 400px;
+  text-align: center;
+  background-color: $error-div-bg-color;
+  border-radius: 20px;
+  align-content: center;
+
+  > svg {
+    height: 220px;
+    width: 220px;
+    margin-left: 3px;
+    margin-right: 5px;
+    margin-top: 50px;
+    fill: $error-btn-svg-color;
+  }
+}
+
+.error-pagh {
+  > p {
+    margin-bottom: 0px;
+    line-height: 2;
+
+    &:last-child {
+      margin-bottom: 15px;
+    }
+  }
+}
+
+.btn-error {
+  display: inline-block;
+  padding: 17px 16px 16px;
+  color: #e7e7e7;
+  background-color: #2e353e;
+  transition: all 0.2s ease-in-out;
+  width: 92%;
+  border-bottom-left-radius: 20px;
+  border-bottom-right-radius: 20px;
+  height: 24px;
+  line-height: 1.5;
+
+  &,
+  &:visited {
+    color: $text-color;
+  }
+
+  &:hover {
+    color: $btn-text-hover-color;
+    text-decoration: none;
+    background-color: $btn-color-hover;
+    border-color: $btn-color-hover;
+  }
+}

data/_sass/{themes/dark theme/theme-dark.scss → colors/dark-theme/theme-dark.scss}

@@ -6,8 +6,9 @@
 //-------------Basic settings-----------------------//
 //                                                 //
 $primary_color: #1d2127 !default;
-$link-color: #4dd0e1!default;
-$text-color: #ffffff !default;
+$link-color: #4dd0e1 !default;
+$text-color: #e7e7e7 !default;
+$text-mute-color: darken($text-color, 50%) !default;
 
 //                                                     //
 //-------------Advance settings-----------------------//
@@ -21,35 +22,32 @@ $site-header-bg: darken($primary_color, 5%) !default;
 // 
 // Site Home Banner
 // 
-$header-bg-color: $link-color !default;
+$header-bg-color: $link-color  !default;
 $home-header-title-color: darken($primary_color, 3%) !default;
+$btn-download-bg-color: darken($home-header-title-color, 1%) !default;
+$btn-download-hover-color: darken($btn-download-bg-color, 2%) !default;
 
 // 
 // Site Nav
 // 
 $menu-bdr-color: darken($primary_color, 6%) !default;
-$menu-color: $text-color !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-info-bg-color: darken($footer-bg-color, 2%) !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-svg-color: $primary_color  !default;
+$error-btn-bg-color: $primary_color  !default;
 $error-btn-hover-color: darken($error-btn-bg-color, 7%) !default;
 
 // 
@@ -57,7 +55,7 @@ $error-btn-hover-color: darken($error-btn-bg-color, 7%) !default;
 // 
 $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-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;
@@ -80,40 +78,44 @@ $highlight-text-color: darken($text-color, 100%) !default;
 // 
 // Prompt Tip
 // 
+$prompt-tip-icon-color: #395021 !default;
 $prompt-tip-bg-color: #5a8034 !default;
 
 // 
 //  Prompt Info
 // 
+$prompt-info-icon-color: #12447d !default;
 $prompt-info-bg-color: #1a61b3 !default;
 
 // 
 //  Prompt Warning
 // 
+$prompt-warning-icon-color: #754e12 !default;
 $prompt-warning-bg-color: #b3761a !default;
 
 // 
 // Prompt Danger
-// 
+// s
+$prompt-danger-icon-color: #670e0e !default;
 $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;
+$code-background-color: darken($primary_color, 6%) !default;
+$code-text-color: darken($text-color, 20%) !default;
+$blockquote-text-color: darken($text-color, 40%) !default;
 
 // 
 // links
 // 
-$link-visited-color: $link-color !default;
+$link-visited-color: $link-color  !default;
 $link-hover-color: darken($link-color, 33%) !default;
 
 // 
 // Table
 // 
-$table-text-color: $text-color !default;
+$table-text-color: $text-color  !default;
 $table-zebra-color: darken($primary_color, 2%) !default;
 $table-header-bg-color: darken($primary_color, 3%) !default;
 
@@ -124,12 +126,7 @@ $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;
+$BTT-bg-color:  #4dd0e1 !default;
+$BTT-svg-color: rgba(0, 0, 0, 0.54) !default;
 
-@import "themes/dark theme/highlight"
+@import "colors/dark-theme/highlight"