Levi Huff Personal Website Theme by lh1207

/* ==UserStyle==
@name         Levi Huff Personal Website Theme
@version      20240517.04.17
@namespace    https://userstyles.world/user/lh1207
@description  Stylus theme for Levi Huff's personal website
@author       lh1207
@license      CC0-1.0
==/UserStyle== */

@-moz-document domain("lh1207.github.io") {
/*=== Scrollbar ===*/
  ::-webkit-scrollbar {
    background: #1e1e2e; /* background */
  }

  ::-webkit-scrollbar-thumb {
    background: #cdd6f4; /* foreground */
  }

  ::-webkit-scrollbar-corner {
    background: #7f849c; /* dim_foreground */
  }

  /*=== Site background color ===*/
  body, .container, .navbar, section, footer {
    background: #1e1e2e; /* primary background */
    color: #cdd6f4; /* foreground */
  }

  /*=== Navbar ===*/
  .navbar {
    background: #1e1e2e; /* primary background */
  }

  .navbar-nav .nav-link {
    color: #cdd6f4 !important; /* foreground */
    &:hover {
      color: #7f849c !important; /* dim_foreground */
    }
  }

  /*=== Header ===*/
  header {
    h1 {
      color: #cdd6f4; /* foreground */
    }
    h5 {
      color: #cdd6f4; /* foreground */
    }
  }

  /*=== Section ===*/
  section {
    h3 {
      color: #cdd6f4; /* foreground */
    }
  }

  /*=== Portfolio ===*/
  #Portfolio {
    .col-md-4 {
      h4 {
        color: #cdd6f4; /* foreground */
      }
    }
  }

  /*=== Footer ===*/
  footer {
    background-color: #1e1e2e; /* primary background */
    color: #cdd6f4; /* foreground */
    text-align: center;
    padding: 20px 0;
  }
}