Chrome DevTools by bamabraves

@-moz-document domain("chrome.com") {
/* ==UserStyle==
@name           Chrome DevTools
@namespace      none
@author         BamaBraves
@description    `Black Highlights New Icons`
@version        1
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */

/* Site Settings */

* {
  letter-spacing: 1px !important;
  text-decoration: none !important;
  transition: none !important;
}

selector
 {
  text-transform: capitalize !important;
}

body[layout=docs] .devsite-article,

:focus
 {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  text-shadow: none !important;
}

/* Remove Items 
_____________________________________________________________________________________________________*/

devsite-book-nav~.devsite-book-nav-blur
 {
  left: -9999px !important;
  position: absolute !important;
  top: -9999px !important;
}

/* Left/Right/Top/Bottom 
_____________________________________________________________________________________________________*/

aside.note
{
    margin-left: 0rem;
}

.devsite-article-body.clearfix {
    margin-left: 1rem;
}

body[layout=docs] .devsite-article {
    margin-left: -33rem;
}

devsite-video {
    margin-left: -1rem;
}

devsite-video iframe {
    left: -0.5%;
}

/* Width 
_____________________________________________________________________________________________________*/

.devsite-landing-row-inner,
.devsite-sidebar[fixed] .devsite-sidebar-content,

body[layout=docs] devsite-content
{
    max-width: none !important;
}

body[layout=docs] .devsite-article
 {
  width: fit-content !important;
}

.devsite-article-body.clearfix {
    width: 88rem;
}

}

@-moz-document domain("chrome.com") {
/* Media Query */

@media screen and (min-width: 2560px) {

  /* Fonts 
_____________________________________________________________________________________________________*/

  pre code
 {
    font-size: 1.85rem !important;
  }

  body
 {
    font-size: 1.52rem !important;
  }

  pre code
 {
    line-height: 2.5rem !important;
  }

}

@media (min-width: 1920px) and (max-width: 2559px) {
  /* Fonts 
_____________________________________________________________________________________________________*/
  
  code
 {
    font-size: 2.5rem !important;
  }

  body
 {
    font-size: 1.85rem !important;
  }
	
	body,
	html
	{
    font: 400 19px / 24px var(--devsite-primary-font-family);
}

}

}

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

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

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

/* Yellow 
_____________________________________________________________________________________________________*/

a[href]:hover,

button.glue-cookie-notification-bar__accept:hover,
button.glue-cookie-notification-bar__reject:hover,

devsite-book-nav .devsite-nav-title.devsite-nav-active span,
h1,

input[type="checkbox"]:checked + label,
input[type="radio"]:checked + label
 {
  color: #ff0 !important;
}

/* White 
_____________________________________________________________________________________________________*/

.beta,
.caution,

.devsite-landing-row:not([background]):not([foreground]) .devsite-landing-row-description,
.devsite-landing-row-item-description,
.devsite-nav-title,

.experimental,
.key-point,
.note,
.preview,
.special,
.tip,

aside,
body,
li,
p
{
  color: #fff !important;
}

/* Khaki 
_____________________________________________________________________________________________________*/

.devsite-nav-heading>.devsite-nav-title,

b,
devsite-tabs tab.devsite-dropdown .devsite-nav-title,

h1,
h2,

strong
 {
  color: #f0e890 !important;
}

/* Burlywood 
_____________________________________________________________________________________________________*/

h3,
h4
 {
  color: #e0b880 !important;
}

/* Sandy Brown 
_____________________________________________________________________________________________________*/

h5,
h6,
label
 {
  color: #f0a060 !important;
}

/* Blue 
_____________________________________________________________________________________________________*/

time
 {
  color: #07beff !important;
}

/*
_____________________________________________________________________________________________________*/

input,

input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],

select,
textarea
 {
  background-color: #5d1b1b !important;
  color: #fff !important;
}

/*
_____________________________________________________________________________________________________*/

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

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

::placeholder {
  color: #f48f8f !important;
  opacity: 1;
}

/* Misc 
_____________________________________________________________________________________________________*/

code
 {
  color: #99f6d7 !important;
}

}

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

body,
html
 {
  background: #000 !important;
}

/* Background 
_____________________________________________________________________________________________________*/

.devsite-sidebar[fixed] .devsite-sidebar-content,
.devsite-landing-row:not([background]),

[background],

body:not([codelabs-content-type=paginated]),
body[layout=docs] .devsite-article,

devsite-book-nav .devsite-book-nav-filter,
devsite-book-nav,

devsite-content .devsite-breadcrumb-list,
devsite-search,
devsite-tabs .devsite-tabs-dropdown-column
 {
  background: #060505 !important;
  background-color: #060505 !important;
}

/* Background Transparent 
_____________________________________________________________________________________________________*/

.beta a:focus,
.beta a:hover,

.caution :link code,
.caution :link,

.caution :visited code,
.caution :visited,

.caution a:focus,
.caution a:hover,

.caution code,

.deprecated a:focus,
.deprecated a:hover,

.dogfood a:focus,
.dogfood a:hover,

.experimental a:focus,
.experimental a:hover,

.key-point :link code,
.key-point :link,

.key-point :visited code,
.key-point :visited,

.key-point a:focus,
.key-point a:hover,

.key-point code,

.key-term a:focus,
.key-term a:hover,

.note a:focus,
.note a:hover,

.objective a:focus,
.objective a:hover,

.preview a:focus,
.preview a:hover,

.special a:focus,
.special a:hover,

.success a:focus,
.success a:hover,

.tip a:focus,
.tip a:hover,

.warning a:focus,
.warning a:hover,

aside a:focus,
aside a:hover,

devsite-code,
devsite-content,

devsite-book-nav .devsite-mobile-header,

devsite-header .devsite-collapsible-section,

devsite-header .devsite-top-logo-row,
devsite-header .devsite-top-logo-row-wrapper-wrapper,

devsite-header devsite-tabs.upper-tabs .devsite-tabs-wrapper
 {
  background: #0000 !important;
  background-color: #0000 !important;
}

/* Buttons 
_____________________________________________________________________________________________________*/


/* Red 
_____________________________________________________________________________________________________*/

button.glue-cookie-notification-bar__reject
 {
  background: radial-gradient(circle, #d90008a8 0%, #000 100%) !important;
  border-radius: 22px !important;
  border: none !important;
  box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
    inset -2px -3px 5px #ffffff50 !important;
  color: #fff !important;
  opacity: 1 !important;
  position: relative !important;
  z-index: 1 !important;
}

button.glue-cookie-notification-bar__reject::before
 {
  background: radial-gradient(circle, #000 0%, #d90008 100%) !important;
  border-radius: 22px !important;
  bottom: 0;
  box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d,
    inset -2px -3px 5px #ffffff80 !important;
  color: #ff0 !important;
  content: "";
  left: 0;
  opacity: 0 !important;
  position: absolute !important;
  right: 0;
  top: 0;
  transition: opacity 0.8s linear !important;
  z-index: -1 !important;
}

button.glue-cookie-notification-bar__reject:hover::before
 {
  opacity: 1 !important;
}

/* Green
_____________________________________________________________________________________________________*/

button.glue-cookie-notification-bar__accept
{	
	background: radial-gradient(circle, #05b717a8 0%, #000 100%)!important;
	border-radius: 22px!important;
	border: none!important;
	box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d, inset -2px -3px 5px #ffffff50!important;
	color: #fff!important;
	opacity: 1!important;
	position: relative!important;
	z-index: 1!important;
}

button.glue-cookie-notification-bar__accept::before
{
	background: radial-gradient(circle, #000 0%, #05b717 100%)!important;
	border-radius: 22px!important;
	bottom: 0;
	box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d, inset -2px -3px 5px #ffffff80!important;
	color: #ff0!important;
	content: "";
	left: 0;
	opacity: 0!important;
	position: absolute!important;
	right: 0;
	top: 0;
	transition: opacity .8s linear!important;
	z-index: -1!important;
}

button.glue-cookie-notification-bar__accept:hover::before
 {
  opacity: 1!important;
}

/* Plain 
_____________________________________________________________________________________________________*/

.devsite-card,
.devsite-landing-row-cards .devsite-landing-row-item:not([background]),

devsite-tabs .devsite-tabs-dropdown-content
 {
  background-color: #111 !important;
  border-radius: 22px !important;
  border: 1px solid rgba(0, 0, 0, ...