Developer Chrome Dark by BamaBraves by bamabraves

/* ==UserStyle==
@name         Developer Chrome Dark  by BamaBraves
@version      20220204.03.03
@namespace    userstyles.world/user/bamabraves
@description  Dark
@author       bamabraves
@license      No License
==/UserStyle== */

@-moz-document domain("developer.chrome.com") {
/* Scrollbar Settings */

 ::-webkit-scrollbar {
 	/* Width */
 	width: 1.2em!important;
 }

 /* Color of handle ___________________________________________________________________________*/

 ::-webkit-scrollbar-thumb {
 	background: #580303!important;
 	background-image: linear-gradient(to right, rgba(93, 6, 6, 0.95), rgba(255, 4, 4, 0.1)), url(https://image.ibb.co/hCq4n5/Carbon_Fiber_2.jpg)!important;
 	box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(55, 55, 55, 1) 0 1px 0!important;
 	border-radius: 22px!important;
 	border: 1px solid rgba(0, 0, 0, .25)!important;
 }

 ::-webkit-scrollbar-thumb:hover {
 	background: #580303!important;
 	background-image: linear-gradient(to left, rgba(93, 6, 6, 0.95), rgba(255, 4, 4, 0.1)), url(https://image.ibb.co/hCq4n5/Carbon_Fiber_2.jpg)!important;
 	border-radius: 22px!important;
 	box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
 }

 /* Color of Track ______________________________________________________________________________*/

 ::-webkit-scrollbar-track {
 	background: #170000!important;
 	box-shadow: inset 8px 0 13px rgba(0, 0, 0, .4), rgba(55, 55, 55, 1) 0 1px 0!important;
 	border: 1px solid rgba(0, 0, 0, .25)!important;
 }

 /* Color of handles at top and bottom ___________________________________________________________*/

 ::-webkit-scrollbar-button {
 	background: #4c0707!important;
 	box-shadow: inset 0 12px 13px rgba(0, 0, 0, 0.6), rgba(55, 55, 55, 1) 0 1px 0!important;
 }

 ::-webkit-scrollbar-button:hover {
 	border-radius: 22px!important;
 	box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
 }

 /* Color of the bottom corner of the scrollable element, where two scrollbar meet. ______________*/

::-webkit-scrollbar-corner
 {
 	background: #530205!important;
 	box-shadow: inset 0 12px 13px rgba(0, 0, 0, 0.6), rgba(55, 55, 55, 1) 0 1px 0!important;
 }

::-webkit-scrollbar-corner:hover
 {
 	border-radius: 22px!important;
 	box-shadow: inset 0 0 5px rgba(0, 0, 0, .4), rgba(155, 155, 155, 1) 0 1px 0!important;
 }
}

@-moz-document domain("developer.chrome.com") {
/* Site Settings */

* {
	border: none!important;
	border: 0!important;
	box-shadow: none!important;
	outline: none!important;
	text-decoration: none!important;
}

x#fatnav .pillar.active .expandee
{
	display: block!important;
}

x.blog-grid
{
	display: inline-block!important;
}

/*___ Fonts ________________________________________________________________*/

.language-js,
.type ol:not([class])>li::before,
body {
	font-size: 23px !important;
}

.inline-site-toc li.toplevel > ol.toc > li,
.simple th,
.type,
table
{
	font-size: 25px!important;
}

.material-button,
.simple td,
.skip-link,
.toc__wrapper a,
.type--caption,
.type--label,
.type--small,
:root
{
	font-size: 19px!important;
}

.inline-site-toc .toc .toc li,
.label,
.navigation-tree__link
{
	font-size: 17px!important;
}

.type--h5 {
    line-height: 1.4;
}

/*___ Line-Heights ___________________________________________________________*/

body {
	line-height: 33px !important;
}

.simple td {
	line-height: 27px !important;
}

/*___ Remove Items __________________________________________________________*/

[id*="ContentPane"]:empty {
	position: absolute!important;
	top: -9999px!important;
	left: -9999px!important;
}

/*___ Left/Right/Top/Bottom __________________________________________________*/

.article-content [itemprop="articleBody"] {
	margin-left: 24rem!important;
}

.sample ul {
	margin-left: 2rem!important;
}

.gap-top-200 {
    margin-top: 2.5rem;
}

.sample div {
	margin-top: 2rem!important;
}

.gap-top-300 {
    margin-top: 2rem;
}

/*___ Margins _______________________________________________________________*/

#featured,
.blog-grid,
.g-content,
.home-container,
.inline-site-toc,
.post,
.sample,
.scaffold>main,
[role="navigation"],
img
{
	margin: 12px!important;
}

.collapsible dt {
	margin: 0.6em 0!important;
}

.collapsible dd {
	margin-bottom: 2em!important;
}

.collapsible dt, h2 {
    margin: .6em 0 -2rem!important;
}

/*___ Paddings _____________________________________________________________*/

#featured,
.article-content [itemprop="articleBody"],
.g-content,
.g-section,
.toc-container,
.post,
.sample,
[role="navigation"]
{
	padding: 12px!important;
}

.code,
.inline-site-toc .toc .toc li a,
code,
mark,
pre,
pre b {
	padding: 3px 10px!important;
}

/*___ Heights _______________________________________________________________*/

selector {
	Max-height: none!important;
}

/*___ Widths _______________________________________________________________*/

.banner__inner,
.banner__text,
.blog-card,
.gc-container,
.home-container,
.measure-long,
.project-hero,
.project-sections
{
	max-width: none!important;
}

#fatnav .expandee {
	width: auto!important;
}

.width-full,
.home-container,
.scaffold>main
{
	width: 98%!important;
}

.gc-container {
	width: 92%!important;
}

side-nav navigation-tree
{
    width: 59%!important;
}

.featured-card {
    max-width: 45rem;
}

.inline-site-toc {
	width: 20%!important;
}

navigation-tree {
    width: 19rem!important;
}

.toc-container {
    width: 19rem;
}

.measure-long {
    max-width: 123ch!important;
}

.project-grid {
    grid-template-columns: repeat(auto-fill,minmax(10rem,26.75rem));
}

.blog-grid {
    gap: 3rem;
    grid-template-columns: repeat(auto-fit,26.625rem);
}
}

@-moz-document domain("developer.chrome.com") {
/* Font Settings */

a[href],
td span {
	color: #0ff!important;
	text-shadow: 1px 1px #000!important;
}

a[href]:visited {
	color: #fc79fc!important;
	text-shadow: 1px 1px #000!important;
}

/*________________________________________________________________________*/

.type ol:not([class])>li::before,
a[href]:hover span,
a[href]:hover,
h1,
input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label {
	color: #ff0!important;
	text-shadow: 1px 1px #000!important;
}

/*_________________________________________________________________________*/

#fatnav .pillar.highlight .toplevel,
#fatnav .toplevel,
.navigation-tree__link,
body,
li,
p {
	color: #fff!important;
	text-shadow: 1px 1px #000!important;
}

/*__ Khaki _________________________________________________________________*/

#fatnav .expandee li.submenu,
.project-sections__row>li>:first-child,
.simple td:first-child,
.type--h5,
h1,
h2 {
	color: #F0E890!important;
	text-shadow: 1px 1px #000!important;
}

/*__ Burlywood _____________________________________________________________*/

.collapsible dt,
.color-blue-medium,
.color-green-darkest,
.post-authors p:first-child,
em,
h3,
h4,
th {
	color: #e0b880!important;
	text-shadow: 1px 1px #000!important;
}

/*__ Sandy Brown ___________________________________________________________*/

.label,
strong,
h5,
h6 {
	color: #F0A060!important;
	text-shadow: 1px 1px #000!important;
}

/*___ Blue _________________________________________________________________*/

time {
	color: #07beff!important;
	text-shadow: 1px 1px #000!important;
}

/*_________________________________________________________________________*/

.a-input-text,
input,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
select,
textarea {
	background-color: #1d0909!important;
	border-radius: 22px!important;
	color: #fff!important;
}

/*_________________________________________________________________________*/

::selection {
	background: #ff9!important;
	color: #000!important;
}

pre::selection {
	background: #ff9!important;
	color: #fff!important;
}

/*___ Pre Code Colors _______________________________________________________*/

.token.string,
.token.punctuation,
.clo,
.opn,
.pun {
	color: #fff!important;
}

.str {
	color: #0f0!important;
}

.pln {
	color: #ff8f8f!important;
}

.kwd {
	color: #9e9eff!important;
}

.color-secondary-text,
.token.operator {
    color: #f6e5c9!important;
}

.lit {
	color: #0ff!important;
}

.tag,
.token.property,
.token.tag
{
	color: #b7b7ff!important;
}

.token.boolean, .token.number {
    color: #e8f604!important;
}

.dec,
.var {
	color: #f0f!important;
}

.code,
code,
pre {
	color: #02ff02!important;
}

.typ {
	color: #fe4cfe!important;
}

.atn {
	color: #ff53ff!important;
}

.language-css .token.string, .token.attr-name, .token.attr-value .punctuation:first-child, .token.keyword, .token.operator, .token.regex, .token.selector, .token.url {
    color: #ff46d7;
    text-shadow: 1px 1px #000!important;
}

.token.attr-value, .token.punctuation, .token.string {
    color: #5d9cff;
}
}

@-moz-document domain("developer.chrome.com") {
/* Background Settings */

body,
html {
	background: url(https://image.ibb.co/hVmiOe/wallpaper_with_black_background_45_free_wallpaper.jpg)!important;
	background-attachment: fixed!important;
	background-size: 100%!important;
}

selector
{
	background-image: none;
}

/*___ Background Gray ______________________________________________________________*/

.hairline-bottom,
footer
{
	background-color: #060505!important;
}

selector
{
    background-color: #1a1a1a!important;
}

/*___ Background 0000 ______________________________________________________________*/

.navigation-rail__link:hover::before,
.navigation-rail__link .navigation-rail__icon
{
	background: rgba(0, 0, 0, 0)!important;
}

/*___ Background-color 0000 ________________________________________________________*/

selector
{
	background-color: rgba(0, 0, 0, 0)!important;
}

/*__ Blue __________________________________________________________________________*/

.bg-primary
{
	background-image: linear-gradient(to bottom right, #043dda, #000)!important;
	border-radius: 22px!important;
	border: none!important;
	box-shadow: 1px 1px 1px black, inset 2px 3px 5px rgba(0, 0, 0, 0.3)...