mirror of
https://github.com/elkowar/dots-of-war.git
synced 2024-12-25 13:42:23 +00:00
Remove css stuff
This commit is contained in:
parent
1ef9e7d27c
commit
5c989aad17
6 changed files with 0 additions and 1191 deletions
|
|
@ -1,226 +0,0 @@
|
||||||
:root {
|
|
||||||
/* ---- */
|
|
||||||
--bg1: #282828;
|
|
||||||
--bg2: #222222;
|
|
||||||
--bg3: #1d2021;
|
|
||||||
--button: #daddee1a;
|
|
||||||
/* ---- */
|
|
||||||
--fg2: #a89984;
|
|
||||||
--fg1: #fbf1c7;
|
|
||||||
--disabled: #696969;
|
|
||||||
/* ---- */
|
|
||||||
--accent: #83c07c;
|
|
||||||
--accent2: #83a598;
|
|
||||||
--contrast: #ffffff;
|
|
||||||
/* ---- */
|
|
||||||
|
|
||||||
--red: #fb4934;
|
|
||||||
--purple: #b16286;
|
|
||||||
--blue: #458588;
|
|
||||||
--cyan: #7acfe4;
|
|
||||||
--green: #83c07c;
|
|
||||||
--yellow: #fabd2f;
|
|
||||||
--border1: #223344;
|
|
||||||
--border2: #334455;
|
|
||||||
-moz-tab-size: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.theme-dark {
|
|
||||||
--header-primary: var(--fg1);
|
|
||||||
--header-secondary: var(--fg2);
|
|
||||||
--text-normal: var(--fg1);
|
|
||||||
--text-muted: var(--fg2);
|
|
||||||
--text-link: var(--accent);
|
|
||||||
--channels-default: var(--fg2);
|
|
||||||
--interactive-normal: var(--fg2);
|
|
||||||
--interactive-hover: var(--fg1);
|
|
||||||
--interactive-active: var(--fg1);
|
|
||||||
--interactive-muted: var(--fg2);
|
|
||||||
--background-primary: var(--bg1);
|
|
||||||
--background-secondary: var(--bg2);
|
|
||||||
--background-secondary-alt: var(--bg1);
|
|
||||||
--background-tertiary: var(--bg1);
|
|
||||||
--background-accent: var(--accent);
|
|
||||||
--background-floating: var(--bg1);
|
|
||||||
--background-modifier-hover: rgba(79, 84, 92, 0.16);
|
|
||||||
--background-modifier-active: rgba(79, 84, 92, 0.24);
|
|
||||||
/*--background-modifier-accent: hsla(0, 0%, 100%, 0.06);*/
|
|
||||||
--background-modifier-accent: rgba(0, 0, 0, 0);
|
|
||||||
--elevation-high: 0 8px 16px rgba(0, 0, 0, 0.24);
|
|
||||||
--guild-header-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
|
|
||||||
--channeltextarea-background: var(--bg1);
|
|
||||||
--activity-card-background: var(--bg2);
|
|
||||||
--deprecated-panel-background: var(--bg3);
|
|
||||||
--background-modifier-selected: var(--bg1);
|
|
||||||
--elevation-low: none !important;
|
|
||||||
--background-message-hover: var(--bg2) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
font-family: "Terminus (TTF)" !important;
|
|
||||||
font-weight: normal !important;
|
|
||||||
font-size: 1rem !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
::-webkit-scrollbar,
|
|
||||||
::-webkit-scrollbar-track,
|
|
||||||
::-webkit-scrollbar-track-handle,
|
|
||||||
::-webkit-scrollbar-track-piece {
|
|
||||||
border-color: rgba(0, 0, 0, 0) !important;
|
|
||||||
background-color: rgba(0, 0, 0, 0) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* sections */
|
|
||||||
|
|
||||||
[class*="peopleColumn"] {
|
|
||||||
background-color: var(--bg2);
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="section"] {
|
|
||||||
background-color: var(--bg3);
|
|
||||||
}
|
|
||||||
[class*="sidebar"] [class*="container"] [class*="header"] {
|
|
||||||
background-color: var(--bg1) !important;
|
|
||||||
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="sidebar"] > [class*="container"],
|
|
||||||
[class*="members"][class*="scroller"] {
|
|
||||||
box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="scrollerWrap"] {
|
|
||||||
border-radius: 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="membersWrap"] {
|
|
||||||
/*border-top-left-radius: 15px;*/
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* message input area */
|
|
||||||
|
|
||||||
[class*="chatContent"] [class*="form"] {
|
|
||||||
padding-top: 0.5rem;
|
|
||||||
background-color: var(--bg1);
|
|
||||||
box-shadow: 0 -30px 20px -30px rgba(0, 0, 0, 0.3);
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="textAreaSlate"] {
|
|
||||||
background-color: var(--bg3);
|
|
||||||
border-radius: 13px;
|
|
||||||
color: var(--fg-2);
|
|
||||||
box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="textAreaSlate"] > * {
|
|
||||||
padding-left: 1rem;
|
|
||||||
padding-right: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* components */
|
|
||||||
|
|
||||||
button[class*="lookFilled"] {
|
|
||||||
background-color: var(--button) !important;
|
|
||||||
}
|
|
||||||
button[class*="buttonActive"][class*="lookFilled"] {
|
|
||||||
background-color: var(--accent) !important;
|
|
||||||
color: var(--bg1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
button[class*="lookLink"] {
|
|
||||||
color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="sprite"] {
|
|
||||||
filter: brightness(80%) sepia(80%) saturate(60%) !important;
|
|
||||||
}
|
|
||||||
[class*="username"] {
|
|
||||||
filter: sepia(30%) !important;
|
|
||||||
transition: filter 0.2s;
|
|
||||||
}
|
|
||||||
[class*="username"]:hover {
|
|
||||||
filter: sepia(20%) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="newMessagesBar-"] {
|
|
||||||
background-color: var(--accent);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
[class*="newMessagesBar-"] button {
|
|
||||||
color: var(--bg1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
img[class*="avatar"] {
|
|
||||||
filter: sepia(30%) !important;
|
|
||||||
transition: filter 0.1s, transform 0.1s ease-in-out;
|
|
||||||
}
|
|
||||||
img[class*="avatar"]:hover {
|
|
||||||
filter: sepia(0%) !important;
|
|
||||||
transform: scale(1.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="pictureInPictureWindow"] {
|
|
||||||
box-shadow: 0 8px 15px 0px rgba(0, 0, 0, 0.5) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="divider"] {
|
|
||||||
border-color: var(--bg3);
|
|
||||||
}
|
|
||||||
[class*="divider"][class*="isUnread"]{
|
|
||||||
border-color: var(--red) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="unreadPill-"] {
|
|
||||||
background-color: var(--red);
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="unreadPillCap"] {
|
|
||||||
fill: var(--red);
|
|
||||||
}
|
|
||||||
button[class*="lookFilled"] {
|
|
||||||
color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="live"][class*="textBadge"] {
|
|
||||||
background-color: var(--red) !important;
|
|
||||||
color: var(--fg1);
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="modal"] [class*="queryContainer-"],
|
|
||||||
[class*="modal"] [class*="resultsGroup-"],
|
|
||||||
[class*="modal"] [class*="bodyInner-"],
|
|
||||||
[class*="modal"] [class*="quickMessage-"],
|
|
||||||
[class*="modal"] [class*="inner-"],
|
|
||||||
[class*="modal"] [class*="header-"]:not(header):not(h2),
|
|
||||||
[class*="modal"] [class*="uploadModal-"] {
|
|
||||||
background-color: var(--bg1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="modal"] [class*="sourceScroller"],
|
|
||||||
[class*="modal"] [class*="segmentContainer-"] [class*="segmentControl"] /*go live source selector header bar*/{
|
|
||||||
background-color: var(--bg3) !important;
|
|
||||||
}
|
|
||||||
[class*="modal"] [class*="header"] {
|
|
||||||
padding-top: unset;
|
|
||||||
padding: 0.4rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="modal"] [class*="footer-"] {
|
|
||||||
background-color: var(--bg3) !important;
|
|
||||||
filter: brightness(110%);
|
|
||||||
}
|
|
||||||
|
|
||||||
[class*="panels"] > *:nth-child(2) {
|
|
||||||
height: 4.6rem;
|
|
||||||
padding-bottom: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
div[class*="chat"] div[class*="root"] {
|
|
||||||
background-color: #282828;
|
|
||||||
}
|
|
||||||
|
|
||||||
div[class*="chat"] div[class*="root"] canvas {
|
|
||||||
/*border-radius: 20px;*/
|
|
||||||
}
|
|
||||||
|
|
@ -1,231 +0,0 @@
|
||||||
/* ==UserStyle==
|
|
||||||
@name duckduckgo-gruvbox-elkowar
|
|
||||||
@namespace github.com/openstyles/stylus
|
|
||||||
@version 1.0.0
|
|
||||||
@description gruvboxed duckduckgo
|
|
||||||
@author ElKowar
|
|
||||||
@preprocessor stylus
|
|
||||||
==/UserStyle== */
|
|
||||||
@-moz-document domain("duckduckgo.com") {
|
|
||||||
:root {
|
|
||||||
--bg1: #1d2021;
|
|
||||||
--bg2: #282828;
|
|
||||||
--bg3: #504945;
|
|
||||||
--bg4: #202020;
|
|
||||||
--fg1: #ebdbb2;
|
|
||||||
--fg1: #d5c4a1;
|
|
||||||
--fg3: #a89984;
|
|
||||||
--col_blue: #83a598;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: var(--bg2);
|
|
||||||
}
|
|
||||||
|
|
||||||
*,
|
|
||||||
div[class*="result"],
|
|
||||||
.result__snippet b,
|
|
||||||
.result__date {
|
|
||||||
color: var(--fg1) !important;
|
|
||||||
font-family: "xos4 terminus" !important;
|
|
||||||
font-size: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#duckbar a.zcm__link {
|
|
||||||
border-bottom-color: var(--fg1) !important;
|
|
||||||
padding: 0 10px;
|
|
||||||
margin: 0 0;
|
|
||||||
transition: background-color 0.1s ease-in-out;
|
|
||||||
&:hover {
|
|
||||||
background-color: var(--bg1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.switch {
|
|
||||||
background-color: var(--bg3);
|
|
||||||
}
|
|
||||||
|
|
||||||
.zci,
|
|
||||||
.tile-wrap,
|
|
||||||
.metabar,
|
|
||||||
.zci-wrap {
|
|
||||||
background-color: var(--bg2) !important;
|
|
||||||
border: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tile {
|
|
||||||
background-color: var(--bg2);
|
|
||||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
|
|
||||||
border: none !important;
|
|
||||||
transition: box-shadow 0.1s ease-in-out;
|
|
||||||
&.highlight {
|
|
||||||
box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.8) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.footer {
|
|
||||||
background-color: var(--bg2);
|
|
||||||
display: none !important;
|
|
||||||
.footer__card {
|
|
||||||
background-color: var(--bg1) !important;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn.feedback-btn,
|
|
||||||
.feedback-prompt,
|
|
||||||
.header__clickable[data-type="showcase"],
|
|
||||||
.header__label.social {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal__box,
|
|
||||||
.modal__header {
|
|
||||||
background: var(--bg2) !important;
|
|
||||||
& > * {
|
|
||||||
background: var(--bg2) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
pre.prettyprint,
|
|
||||||
code {
|
|
||||||
background-color: var(--bg1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.module__toggle--more::after {
|
|
||||||
background: linear-gradient(var(--bg2), var(--bg1)) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.modal__list__link.is-highlighted {
|
|
||||||
background-color: var(--bg3) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.module__clickable-header > * {
|
|
||||||
color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btn.btn--full {
|
|
||||||
background-color: var(--bg1);
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.switch__knob {
|
|
||||||
background-color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.site-wrapper {
|
|
||||||
box-shadow: none;
|
|
||||||
background-color: var(--bg2) !important;
|
|
||||||
|
|
||||||
.header-wrap {
|
|
||||||
background-color: var(--bg2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.header__logo {
|
|
||||||
filter: sepia(80%);
|
|
||||||
}
|
|
||||||
|
|
||||||
form#search_form {
|
|
||||||
background-color: var(--bg4) !important;
|
|
||||||
box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.3);
|
|
||||||
border: none;
|
|
||||||
transition: box-shadow 0.1s ease-in-out;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.result {
|
|
||||||
transition: box-shadow 0.1s ease-in-out;
|
|
||||||
border: none;
|
|
||||||
&.highlight {
|
|
||||||
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3) !important;
|
|
||||||
border-radius: 5px;
|
|
||||||
border: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.result__url > * {
|
|
||||||
color: var(--col_blue) !important;
|
|
||||||
font-family: "cozette" !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
a.result__a {
|
|
||||||
font-size: 1.2rem !important;
|
|
||||||
font-family: "xos4 terminus" !important;
|
|
||||||
}
|
|
||||||
.result__snippet {
|
|
||||||
font-size: 1rem;
|
|
||||||
color: var(--fg2) !important;
|
|
||||||
}
|
|
||||||
img.result__icon__img {
|
|
||||||
filter: sepia(60%) contrast(130%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.msg--spelling :link,
|
|
||||||
.msg--spelling :visited,
|
|
||||||
.msg--spelling a:hover,
|
|
||||||
.msg__clear,
|
|
||||||
.msg__clear:hover,
|
|
||||||
.msg__all,
|
|
||||||
.msg__all:visited {
|
|
||||||
color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown.dropdown--region {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#search_form {
|
|
||||||
input {
|
|
||||||
z-index: 10 !important;
|
|
||||||
background-color: var(--bg4) !important;
|
|
||||||
&[type="submit"],
|
|
||||||
&[type="button"] {
|
|
||||||
background-color: rgba(0, 0, 0, 0) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&.search--focus,
|
|
||||||
&.search--hover {
|
|
||||||
box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.3);
|
|
||||||
}
|
|
||||||
&.search--focus,
|
|
||||||
&.search--hover #search_button {
|
|
||||||
background-color: var(--bg4);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.search__autocomplete {
|
|
||||||
transform: translateY(15px);
|
|
||||||
z-index: 5 !important;
|
|
||||||
border: none;
|
|
||||||
padding-right: 2px;
|
|
||||||
background-color: var(--bg4);
|
|
||||||
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
|
|
||||||
& > * {
|
|
||||||
background-color: var(--bg4);
|
|
||||||
&.t-normal {
|
|
||||||
color: var(--fg3) !important;
|
|
||||||
}
|
|
||||||
&:not(.t-normal) {
|
|
||||||
font-weight: normal !important;
|
|
||||||
color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.search-filters-wrap::after,
|
|
||||||
.search-filters-wrap::before,
|
|
||||||
.metabar__dropdowns-wrap::before,
|
|
||||||
.metabar__dropdowns-wrap::after {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,142 +0,0 @@
|
||||||
/* ==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);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,267 +0,0 @@
|
||||||
/* ==UserStyle==
|
|
||||||
@name Haskellstuff
|
|
||||||
@namespace github.com/openstyles/stylus
|
|
||||||
@version 1.0.0
|
|
||||||
@description A new userstyle
|
|
||||||
@author ElKowar
|
|
||||||
@preprocessor stylus
|
|
||||||
==/UserStyle== */
|
|
||||||
@-moz-document domain("hackage.haskell.org") {
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--bg0: #1d2021;
|
|
||||||
--bg1: #222222;
|
|
||||||
--bg2: #282828;
|
|
||||||
--bg3: #504945;
|
|
||||||
--bg4: #202020;
|
|
||||||
--fg1: #ebdbb2;
|
|
||||||
--fg1: #d5c4a1;
|
|
||||||
--fg3: #a89984;
|
|
||||||
--col_blue: #83a598;
|
|
||||||
--col_aqua: #83c07c;
|
|
||||||
--col_yellow: #fabd2f;
|
|
||||||
--col_red: #fb4934;
|
|
||||||
|
|
||||||
--monospaced: "Jetbrains Mono";
|
|
||||||
--monospaced-size: 14px;
|
|
||||||
--monospaced-small: cozette;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
color: var(--fg1);
|
|
||||||
border-color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#package-header {
|
|
||||||
border: none;
|
|
||||||
background-color: var(--bg1);
|
|
||||||
#page-menu li a {
|
|
||||||
color: var(--fg1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: var(--bg2);
|
|
||||||
color: var(--fg1);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#package-header {
|
|
||||||
padding: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
&[href]:link {
|
|
||||||
color: var(--col_blue);
|
|
||||||
}
|
|
||||||
&[href]:visited {
|
|
||||||
color: var(--col_aqua);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#footer {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
table.info,
|
|
||||||
#table-of-contents {
|
|
||||||
background-color: var(--bg1);
|
|
||||||
border: none;
|
|
||||||
box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.4);
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
th,
|
|
||||||
.caption {
|
|
||||||
border: none !important;
|
|
||||||
color: var(--col_blue) !important;
|
|
||||||
a {
|
|
||||||
color: inherit !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#description,
|
|
||||||
#module-header,
|
|
||||||
#synopsis,
|
|
||||||
#interface {
|
|
||||||
/* surrounding element of a piece of documentation */
|
|
||||||
.top {
|
|
||||||
background-color: var(--bg2);
|
|
||||||
box-shadow: 0px 4px 5px -1px rgba(0, 0, 0, 0.3);
|
|
||||||
& > :last-child {
|
|
||||||
padding-bottom: 0.2rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.src,
|
|
||||||
pre,
|
|
||||||
code {
|
|
||||||
/*font-family: "Terminus (TTF)";*/
|
|
||||||
font-family: var(--monospaced);
|
|
||||||
font-size: var(--monospaced-size);
|
|
||||||
font-weight: normal !important;
|
|
||||||
.def {
|
|
||||||
font-weight: normal !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.src,
|
|
||||||
pre {
|
|
||||||
background-color: var(--bg1) !important;
|
|
||||||
padding: 0.5rem;
|
|
||||||
border: none !important;
|
|
||||||
|
|
||||||
.selflink {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.link {
|
|
||||||
background: var(--col_aqua) !important;
|
|
||||||
color: var(--bg1) !important;
|
|
||||||
border: none;
|
|
||||||
margin: -0.4rem !important;
|
|
||||||
padding: 0.4rem !important;
|
|
||||||
margin-left: 1rem !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
summary {
|
|
||||||
color: var(--col_aqua);
|
|
||||||
list-style-image: unset !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.key {
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
font-family: var(--monospaced-small);
|
|
||||||
}
|
|
||||||
|
|
||||||
#synopsis details .details-toggle {
|
|
||||||
background-color: var(--bg1);
|
|
||||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
|
|
||||||
.subs {
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.details-toggle-control {
|
|
||||||
background: none;
|
|
||||||
margin-left: -0.8rem !important;
|
|
||||||
&::after {
|
|
||||||
content: "+"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#search {
|
|
||||||
overflow: visible;
|
|
||||||
#search-form,
|
|
||||||
#search-results {
|
|
||||||
box-shadow: 3px 3px 10px -4px rgba(0, 0, 0, 0.3);
|
|
||||||
background-color: var(--bg2);
|
|
||||||
border: none;
|
|
||||||
overflow: hidden;
|
|
||||||
border-radius: 4px
|
|
||||||
}
|
|
||||||
#search-form input {
|
|
||||||
background-color: var(--bg1);
|
|
||||||
border: none;
|
|
||||||
padding: 1rem;
|
|
||||||
&::placeholder {
|
|
||||||
font-size: 1rem;
|
|
||||||
color: var(--fg3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#search-results {
|
|
||||||
margin-top: 1rem;
|
|
||||||
background-color: var(--bg1);
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* source view */
|
|
||||||
.hs-identifier {
|
|
||||||
color: var(--col_aqua);
|
|
||||||
&.hs-var {
|
|
||||||
color: var(--fg1);
|
|
||||||
}
|
|
||||||
&.hs-type {
|
|
||||||
color: var(--col_blue);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.hs-operator {
|
|
||||||
color: var(--col_blue);
|
|
||||||
}
|
|
||||||
.hs-keyword {
|
|
||||||
color: var(--col_red);
|
|
||||||
}
|
|
||||||
.hs-number,
|
|
||||||
.hs-glyph {
|
|
||||||
color: var(--col_blue);
|
|
||||||
}
|
|
||||||
.hs-string {
|
|
||||||
color: var(--fg1);
|
|
||||||
}
|
|
||||||
.hs-comment {}
|
|
||||||
|
|
||||||
|
|
||||||
/* module startpage */
|
|
||||||
#page-header {
|
|
||||||
border: none;
|
|
||||||
padding: 0.3rem 1rem
|
|
||||||
}
|
|
||||||
#properties {
|
|
||||||
background: var(--bg1) !important;
|
|
||||||
box-shadow: 3px 3px 10px -3px rgba(0, 0, 0, 0.4);
|
|
||||||
padding: 0.8rem;
|
|
||||||
a {
|
|
||||||
color: var(--col_aqua);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#readme-container {
|
|
||||||
pre {
|
|
||||||
background-color: var(--bg1);
|
|
||||||
}
|
|
||||||
.embedded-author-content {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* package search */
|
|
||||||
form input,
|
|
||||||
#table_wrapper.dataTables_wrapper #table_length select,
|
|
||||||
#table_wrapper.dataTables_wrapper #table_filter input {
|
|
||||||
background-color: var(--bg3);
|
|
||||||
border: none;
|
|
||||||
padding: 0.2rem 0.5rem;
|
|
||||||
}
|
|
||||||
#table_wrapper {
|
|
||||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
|
|
||||||
padding: 1rem;
|
|
||||||
table {
|
|
||||||
border: none;
|
|
||||||
& * {
|
|
||||||
background-color: var(--bg2) !important;
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#table_paginate {
|
|
||||||
a {
|
|
||||||
border: none;
|
|
||||||
background: var(--bg1) !important;
|
|
||||||
color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,183 +0,0 @@
|
||||||
/* ==UserStyle==
|
|
||||||
@name hoogle-gruvbox
|
|
||||||
@namespace github.com/openstyles/stylus
|
|
||||||
@version 1.0.0
|
|
||||||
@description A new userstyle
|
|
||||||
@author ElKowar
|
|
||||||
@preprocessor stylus
|
|
||||||
==/UserStyle== */
|
|
||||||
@-moz-document domain("hoogle.haskell.org") {
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--bg0: #1d2021;
|
|
||||||
--bg1: #222222;
|
|
||||||
--bg2: #282828;
|
|
||||||
--bg3: #504945;
|
|
||||||
--bg4: #202020;
|
|
||||||
--fg1: #ebdbb2;
|
|
||||||
--fg1: #d5c4a1;
|
|
||||||
--fg3: #a89984;
|
|
||||||
--col_blue: #83a598;
|
|
||||||
--col_aqua: #83c07c;
|
|
||||||
--col_yellow: #fabd2f;
|
|
||||||
--col_red: #fb4934;
|
|
||||||
|
|
||||||
--monospaced: "Jetbrains Mono";
|
|
||||||
--monospaced-size: 14px;
|
|
||||||
--monospaced-small: cozette;
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
color: var(--fg1);
|
|
||||||
border-color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: var(--bg2);
|
|
||||||
color: var(--fg1);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#links {
|
|
||||||
border: none;
|
|
||||||
background-color: var(--bg0);
|
|
||||||
padding: 0.3rem;
|
|
||||||
* {
|
|
||||||
color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#logo img {
|
|
||||||
display: inline-block;
|
|
||||||
opacity: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
&[href]:link {
|
|
||||||
color: var(--col_blue);
|
|
||||||
}
|
|
||||||
&[href]:visited {
|
|
||||||
color: var(--col_aqua);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#footer {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#example {
|
|
||||||
background-color: var(--bg1);
|
|
||||||
border: none !important;
|
|
||||||
color: var(--fg1);
|
|
||||||
padding: 1rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
background-color: var(--bg0);
|
|
||||||
border: unset;
|
|
||||||
border-color: var(--bg3);
|
|
||||||
padding: 0.2rem 1rem;;
|
|
||||||
transition: box-shadow 0.2s ease-in-out;
|
|
||||||
&[type="submit"]:hover {
|
|
||||||
box-shadow: 2px 2px 5px 0 rgba(0,0,0, 0.2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#scope_chosen {
|
|
||||||
background-color: var(--bg0);
|
|
||||||
padding: 0.2rem;
|
|
||||||
> * {
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
box-shadow: none;
|
|
||||||
}
|
|
||||||
.chosen-drop {
|
|
||||||
background-color: var(--bg0);
|
|
||||||
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
|
|
||||||
padding: 0.5rem;
|
|
||||||
input {
|
|
||||||
border: none;
|
|
||||||
}
|
|
||||||
.no-results {
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2,
|
|
||||||
h3,
|
|
||||||
h4,
|
|
||||||
h5,
|
|
||||||
th,
|
|
||||||
.caption {
|
|
||||||
border: none !important;
|
|
||||||
color: var(--col_blue) !important;
|
|
||||||
a {
|
|
||||||
color: inherit !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: var(--col_blue) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.result {
|
|
||||||
a:hover {
|
|
||||||
background-color: inherit;
|
|
||||||
}
|
|
||||||
box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.3);
|
|
||||||
.from {
|
|
||||||
padding: 0.5rem 0.9rem;
|
|
||||||
}
|
|
||||||
.ans {
|
|
||||||
background-color: var(--bg0);
|
|
||||||
border: none;
|
|
||||||
padding: 0.3rem 1rem;
|
|
||||||
.name {
|
|
||||||
color: var(--col_aqua);
|
|
||||||
b {
|
|
||||||
color: var(--col_aqua);
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.doc.newline:not(:empty) {
|
|
||||||
background: none;
|
|
||||||
&::before {
|
|
||||||
margin-left: -0.8rem;
|
|
||||||
width: 1rem;
|
|
||||||
display: inline-block;
|
|
||||||
color: var(--col_aqua);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
&.shut::before {
|
|
||||||
content: "+";
|
|
||||||
}
|
|
||||||
&.open::before {
|
|
||||||
content: "-";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.minus {
|
|
||||||
margin-left: -1rem;
|
|
||||||
}
|
|
||||||
.minus,
|
|
||||||
.plus {
|
|
||||||
background: none !important;
|
|
||||||
&::after {
|
|
||||||
text-align: center;
|
|
||||||
width: 0.6rem;
|
|
||||||
height: 1rem;
|
|
||||||
margin: 0 0.2rem;
|
|
||||||
display: inline-block;
|
|
||||||
color: var(--col_aqua);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.minus::after {
|
|
||||||
content: "-"
|
|
||||||
}
|
|
||||||
.plus::after {
|
|
||||||
content: "+"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,142 +0,0 @@
|
||||||
/* ==UserStyle==
|
|
||||||
@name gruvbox youtube
|
|
||||||
@namespace github.com/openstyles/stylus
|
|
||||||
@version 1.0.0
|
|
||||||
@description A new userstyle
|
|
||||||
@author Me
|
|
||||||
@preprocessor stylus
|
|
||||||
==/UserStyle== */
|
|
||||||
@-moz-document domain("youtube.com") {
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--bg0: #1d2021;
|
|
||||||
--bg1: #222222;
|
|
||||||
--bg2: #282828;
|
|
||||||
--bg3: #504945;
|
|
||||||
--bg4: #202020;
|
|
||||||
--fg0: #ebdbb2;
|
|
||||||
--fg1: #fbf1c7;
|
|
||||||
--fg2: #d5c4a1;
|
|
||||||
--fg3: #a89984;
|
|
||||||
--col_blue: #83a598;
|
|
||||||
--col_accent: #fb4934;
|
|
||||||
--col_accent_dark: #cc241d;
|
|
||||||
--col_yellow: #fabd2f;
|
|
||||||
--col_red: #fb4934;
|
|
||||||
|
|
||||||
--monospaced: "Jetbrains Mono";
|
|
||||||
--monospaced-size: 14px;
|
|
||||||
--monospaced-small: cozette;
|
|
||||||
}
|
|
||||||
|
|
||||||
ytd-app,
|
|
||||||
ytd-mini-guide-renderer,
|
|
||||||
ytd-mini-guide-renderer #items > *,
|
|
||||||
ytd-masthead {
|
|
||||||
background-color: var(--bg2) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
ytd-browse {
|
|
||||||
background-color: var(--bg1) !important;
|
|
||||||
#contentContainer #channel-header {
|
|
||||||
background-color: var(--bg1) !important;
|
|
||||||
}
|
|
||||||
#tabs-inner-container {
|
|
||||||
background-color: var(--bg1) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
yt-icon {
|
|
||||||
color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
ytd-mini-guide-renderer {
|
|
||||||
a#endpoint[aria-selected="true"] > * {
|
|
||||||
filter: none;
|
|
||||||
color: var(--col_accent) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
div, span, h1, h2, ytd-channel-name *, yt-formatted-string, #video-title {
|
|
||||||
color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ytp-time-display * {
|
|
||||||
color: white !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
ytd-rich-grid-video-renderer {
|
|
||||||
#details #meta {
|
|
||||||
yt-formatted-string#video-title {
|
|
||||||
color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
ytd-video-meta-block * {
|
|
||||||
color: var(--fg3);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
ytd-topbar-logo-renderer {
|
|
||||||
svg {
|
|
||||||
g:first-child {
|
|
||||||
& > g:first-child > :first-child {
|
|
||||||
fill: var(--col_accent_dark) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
g:last-child {
|
|
||||||
* {
|
|
||||||
fill: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
#country-code {
|
|
||||||
color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ytd-searchbox {
|
|
||||||
#search-form {
|
|
||||||
box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
|
|
||||||
& > * {
|
|
||||||
background-color: var(--bg0) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
& * {
|
|
||||||
border: none !important;
|
|
||||||
box-shadow: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
color: var(--fg1) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.gstl_50.sbdd_a {
|
|
||||||
overflow: visible !important;
|
|
||||||
box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.3) !important;
|
|
||||||
* {
|
|
||||||
border: none;
|
|
||||||
|
|
||||||
color: var(--fg1);
|
|
||||||
background-color: var(--bg2);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ytp-progress-bar-container {
|
|
||||||
.ytp-play-progress {
|
|
||||||
background-color: var(--col_accent_dark);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.toggle-container {
|
|
||||||
#toggleButton {
|
|
||||||
background-color: var(--col_accent);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Loading…
Reference in a new issue