Color theme for the Stylus browser addon using colors from the Adwaita Dark theme

adwaita_dark_everywhere_stylus.css

@-moz-document url-prefix("file://"), regexp("https?:\\/\\/(?!(www\\.)?(computerbase?!(\\/forum)|docs\\.google|forum\\.xda-developers|github|startpage|steamcommunity|userstyles|youtube)\\..*).*") {
/* 
 * Global Adwaita-dark Stylus theme
 * This theme applies a color scheme similar to Adwaita-dark to every webpage
 * This theme is based on Solarized Dark Everywhere by thedude (CC0 licensed):
 *   https://userstyles.org/styles/98305/solarized-dark-everywhere
 * which in turn was based on Midnight Surfing Alternative by luckymouse (CC0 licensed)
 *   https://userstyles.org/styles/47391/midnight-surfing-alternative
 *
 * Author of this theme: Hiradur
 * License for this theme: CC0
 */

/* Firefox Scrollbars */
scrollbar {opacity: .75 !important;}

/*Vars
base03    #002b36 rgba(0,43,54,1); #232729
base02    #073642 rgba(7,54,66,1); #2b3032
base01    #586e75 rgba(88,110,117,1);
base00    #657b83 rgba(101,123,131,1);
base0     #839496 rgba(131,148,150,1);
base1     #93a1a1 rgba(147,161,161,1); #eeeeec
base2     #eee8d5 rgba(238,232,213,1); #ffffff
base3     #fdf6e3 rgba(253,246,227,1); #not used
yellow    #b58900 rgba(181,137,0,1);
orange    #cb4b16 rgba(203,75,22,1);
red       #dc322f rgba(220,50,47,1);
magenta   #d33682 rgba(211,54,130,1);
violet    #6c71c4 rgba(108,113,196,1);
blue      #268bd2 rgba(38,139,210,1);
cyan      #2aa198 rgba(42,161,152,1);
green     #859900 rgba(133,153,0,1);
*/

/* Base */
*, ::before, ::after {
color: #eeeeec !important; 
border-color: #2b3032 !important;
outline-color: #2b3032 !important;
text-shadow: none !important;
box-shadow: none !important;
/*-moz-box-shadow: none !important;*/
background-color: transparent !important;
}

html * {
color: inherit !important;
}

p::first-letter,
h1::first-letter,
h2::first-letter,
p::first-line {

color: inherit !important; 
background: none !important;
}

/* :: Give solid BG :: */

/* element */
b,i,u,strong{color:#859900}


html, 
body,
li ul,
ul li,
table,
header,
article,
section,
nav,
menu,
aside,

/* common */

[class*="nav"],
[class*="open"],
[id*="ropdown"], /*dropdown*/
[class*="ropdown"], 
div[class*="menu"],
[class*="tooltip"],
div[class*="popup"], 
div[id*="popup"],

/* Notes, details, etc.  Maybe useful */
div[id*="detail"],div[class*="detail"],
div[class*="note"], span[class*="note"],
div[class*="description"],

/* Also common */
div[class*="content"], div[class*="container"],

/* Popup divs that use visibility: hidden and display: none */
div[style*="display: block"], 
div[style*="visibility: visible"] {
background-color: #232729 !important
}



/*: No BG :*/
*:not(:empty):not(span):not([class="html5-volume-slider html5-draggable"]):not([class="html5-player-chrome html5-stop-propagation"]), *::before, *::after,
td:empty, p:empty, div:empty:not([role]):not([style*="flashblock"]):not([class^="html5"]):not([class*="noscriptPlaceholder"]) {
background-image: none !important;
}

/*: Filter non-icons :*/
span:not(:empty):not([class*="icon"]):not([id*="icon"]):not([class*="star"]):not([id*="star"]):not([id*="rating"]):not([class*="rating"]):not([class*="prite"]) {
background-image: none !important;
text-indent: 0 !important;
}

/*: Image opacity :*/
img, svg             {opacity: .75 !important;}
img:hover, svg:hover {opacity: 1 !important;}

/* Highlight */
::-moz-selection {
background-color: #ffffff !important;
color: #586e75 !important;
}

/* ::: anchor/links ::: */

a {
color: #2aa198 !important; 
background-color: #232729 !important;
opacity: 1 !important; 
text-indent: 0 !important;
}

a:link         {color: #268bd2 !important;} /* hyperlink */
a:visited      {color: #6c71c4 !important;}
a:hover        {color: #b58900 !important; background-color: #2b3032 !important;}
a:active       {color: #cb4b16 !important;}

/* "Top level" div */

body > div {background-color: inherit !important;}

/* :::::: Text Presentation :::::: */

summary, details                   {background-color: inherit !important}
kbd, time, label, .date            {color: #859900 !important}
acronym, abbr                      {border-bottom: 1px dotted !important; cursor: help !important;}
mark						       {background-color: #dc322f !important}


/* :::::: Headings :::::: */

h1,h2,h3,h4,h5,h6  { 

background-image: none !important;
border-radius: 5px !important;
/*-moz-border-radius: 5px !important;*/
-webkit-border-radius: 5px !important; 
text-indent: 0 !important;
}

h1,h2,h3,h4,h5,h6 {background-color: #2b3032 !important}


h1,h2{color:#859900!important}
h3,h4{color:#b58900!important}
h5,h6{color:#cb4b16!important}

/* :::::: Tables, cells :::::: */

table table {background: #2b3032 !important;}
th, caption {background: #232729 !important;}

/* ::: Inputs, textareas ::: */

input, textarea, button,
select,option,optgroup{

color: #586e75 !important;
background: none #2b3032 !important;
-moz-appearance: none !important; 
-webkit-appearance: none !important;
}

input,
textarea, 
button {
border-color: #586e75 !important; 
border-width: 1px !important;
}

/* :::::: Button styling :::::: */

input[type="button"],
input[type="submit"],
input[type="reset"],
button {
background: #2b3032 !important;
}

input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
color: #586e75 !important;
background: #ffffff !important;
}

input[type="image"] {opacity: .85 !important}
input[type="image"]:hover {opacity: .95 !important}

/* Lightbox fix */
html [id*="lightbox"] * {background-color: transparent !important;}
html [id*="lightbox"] img {opacity: 1 !important;}

/* Youtube Annotation */
#movie_player-html5 .annotation {background: #2b3032 !important}

/* Mozilla addons shrink/expand sections */
.expando a {background: none transparent  !important;}
}