mirror of
https://github.com/elkowar/dots-of-war.git
synced 2024-12-25 05:42:22 +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