Last active
October 12, 2020 14:34
-
-
Save trib0r3/af231050cd0b26b83cdbecd4c159dc6c to your computer and use it in GitHub Desktop.
Nord color scheme for hugo-learn theme
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
:root{ | |
--MAIN-TEXT-color:#eceff4; /* Color of text by default */ | |
--MAIN-TITLES-TEXT-color:#eceff4; /* Color of titles h2-h3-h4-h5 */ | |
--MAIN-LINK-color:#88c0d0; /* Color of links */ | |
--MAIN-LINK-HOVER-color:#88c0d0; /* Color of hovered links */ | |
--MAIN-ANCHOR-color: #88c0d0; /* color of anchors on titles */ | |
--MENU-HEADER-BG-color:#2e3440; /* Background color of menu header */ | |
--MENU-HEADER-BORDER-color:#2e3440; /*Color of menu header border */ | |
--MENU-SEARCH-BG-color:#434c5e; /* Search field background color (by default borders + icons) */ | |
--MENU-SEARCH-BOX-color: #4c566a; /* Override search field border color */ | |
--MENU-SEARCH-BOX-ICONS-color: #eceff4; /* Override search field icons color */ | |
--MENU-SECTIONS-ACTIVE-BG-color:#2e3440; /* Background color of the active section and its childs */ | |
--MENU-SECTIONS-BG-color:#2e3440; /* Background color of other sections */ | |
--MENU-SECTIONS-LINK-color: #d8dee9; /* Color of links in menu */ | |
--MENU-SECTIONS-LINK-HOVER-color: #eceff4; /* Color of links in menu, when hovered */ | |
--MENU-SECTION-ACTIVE-CATEGORY-color: #e5e9f0; /* Color of active category text */ | |
--MENU-SECTION-ACTIVE-CATEGORY-BG-color: #4c566a; /* Color of background for the active category (only) */ | |
--MENU-VISITED-color: #33a1ff; /* Color of 'page visited' icons in menu */ | |
--MENU-SECTION-HR-color: #ff0000; /* Color of <hr> separator in menu */ | |
} | |
body { | |
color: var(--MAIN-TEXT-color) !important; | |
background-color: #3b4252; | |
} | |
textarea:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, select[multiple=multiple]:focus { | |
border-color: none; | |
box-shadow: none; | |
} | |
h1, h2, h3, h4, h5 { | |
color: var(--MAIN-TITLES-TEXT-color) !important; | |
} | |
a { | |
color: var(--MAIN-LINK-color); | |
} | |
.anchor { | |
color: var(--MAIN-ANCHOR-color); | |
} | |
a:hover { | |
color: var(--MAIN-LINK-HOVER-color); | |
} | |
#sidebar ul li.visited > a .read-icon { | |
color: var(--MENU-VISITED-color); | |
} | |
#body a.highlight:after { | |
display: block; | |
content: ""; | |
height: 1px; | |
width: 0%; | |
-webkit-transition: width 0.5s ease; | |
-moz-transition: width 0.5s ease; | |
-ms-transition: width 0.5s ease; | |
transition: width 0.5s ease; | |
background-color: var(--MAIN-LINK-HOVER-color); | |
} | |
#sidebar { | |
background-color: var(--MENU-SECTIONS-BG-color); | |
} | |
#sidebar #header-wrapper { | |
background: var(--MENU-HEADER-BG-color); | |
color: var(--MENU-SEARCH-BOX-color); | |
border-color: var(--MENU-HEADER-BORDER-color); | |
} | |
#sidebar .searchbox { | |
border-color: var(--MENU-SEARCH-BOX-color); | |
background: var(--MENU-SEARCH-BG-color); | |
} | |
#sidebar ul.topics > li.parent, #sidebar ul.topics > li.active { | |
background: var(--MENU-SECTIONS-ACTIVE-BG-color); | |
} | |
#sidebar .searchbox * { | |
color: var(--MENU-SEARCH-BOX-ICONS-color); | |
} | |
#sidebar a { | |
color: var(--MENU-SECTIONS-LINK-color); | |
} | |
#sidebar a:hover { | |
color: var(--MENU-SECTIONS-LINK-HOVER-color); | |
} | |
#sidebar ul li.active > a { | |
background: var(--MENU-SECTION-ACTIVE-CATEGORY-BG-color); | |
color: var(--MENU-SECTION-ACTIVE-CATEGORY-color) !important; | |
} | |
#sidebar hr { | |
border-color: var(--MENU-SECTION-HR-color); | |
} | |
#top-bar { | |
background: #4c566a; | |
} | |
.hljs, pre { | |
background: #2e3440 !important; | |
color: #eceff4; | |
} | |
code { | |
color: #eceff4; | |
background: #2e3440; | |
border: 1px; | |
} | |
.copy-to-clipboard { | |
background-color:#d8dee9; | |
} | |
.copy-to-clipboard:hover { | |
background-color:#e5e9f0; | |
} | |
pre .copy-to-clipboard { | |
background-color:#d8dee9; | |
} | |
pre .copy-to-clipboard:hover { | |
background-color:#e5e9f0; | |
} | |
#body .tags a.tag-link { | |
background: #434c5e; | |
} | |
#body .tags a.tag-link::before { | |
border-right-color: #434c5e; | |
} | |
blockquote { | |
border-left: 5px solid #638897; | |
} | |
blockquote p { | |
color: #eceff4; | |
} | |
th { | |
background: none; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment