dots-of-war/files/gruvbox_docs_rs.css

143 lines
3.3 KiB
CSS
Raw Normal View History

2020-06-21 10:41:26 +00:00
/* ==UserStyle==
@name gruvbox docs.rs
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
@preprocessor stylus
==/UserStyle== */
@-moz-document domain("docs.rs"),
domain("doc.rust-lang.org") {
:root {
--bg0: #1d2021;
--bg1: #222222;
--bg2: #282828;
--bg3: #504945;
--bg4: #202020;
--fg0: #ebdbb2;
--fg1: #fbf1c7;
--fg2: #d5c4a1;
--fg3: #a89984;
--col_blue: #83a598;
--col_accent: #8ec07c;
--col_accent_dark: #8ec07c;
--col_yellow: #fabd2f;
--col_red: #fb4934;
--border: rgb(53, 51, 49);
--monospaced: "Jetbrains Mono";
--monospaced-size: 14px;
--monospaced-small: cozette;
}
.nav-container {
background-color: var(--bg2) !important;
border: none !important;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
& * {
color: var(--fg1) !important;
}
}
button#theme-picker {
display: none;
}
#settings-menu {
background-color: inherit;
border: none;
transform: translateY(4px);
}
input#nav-search {
padding-left: 1rem;
background-color: inherit !important;
}
nav {
.search-container {
input,
#crate-search,
input:focus,
crate-search:focus {
background-image: none;
outline: none;
color: var(--fg1) !important;
border: 1px solid var(--border) !important;
box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.5) !important;
background-color: var(--bg1) !important;
}
input,
input:focus {
border-left: none !important;
}
#crate-search,
#crate-search:focus {
padding-right: 1.4rem;
border-right: none !important;
}
}
}
.sidebar {
background-color: var(--bg1) !important;
box-shadow: inset -5px 0 10px 0 rgba(0, 0, 0, 0.4);
scrollbar-width: thin !important;
.logo-container {
display: none;
}
& * {
color: var(--fg1);
}
h1,
h2,
h3,
.sidebar-title {
color: var(--col_accent) !important;
}
.block {
a {
&.current {
background-color: var(--col_accent) !important;
color: var(--bg2);
}
}
}
}
.pure-menu-children {
background-color: var(--bg2);
box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.5);
}
#rustdoc_body_wrapper,
body {
background-color: var(--bg2) !important;
color: var(--fg1);
h1,
h2,
h3 {
color: var(--fg1);
}
code {
background-color: inherit;
font-family: var(--monospaced);
font-size: var(--monospaced-size);
}
a.srclink {
padding: 0rem 1rem;
color: var(--col_accent);
}
.collapse-toggle {
transform: translateY(-3px);
color: var(--fg3);
}
}
}