github Dark by BamaBraves by bamabraves

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

@-moz-document domain("github.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("github.com") {
/* Site Settings */

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

.color-border-muted,
.color-shadow-small,
.header-search-wrapper,
.subnav-item,
.subnav-item.selected,
.subnav-item[aria-current]:not([aria-current=false]),
.subnav-item[aria-selected=true],
.subnav-link.selected,
.subnav-link:hover,
.subnav-primary.selected,
:focus
{
	border: none!important;
	box-shadow: none!important;
	outline: none!important;
}

.color-fg-muted.text-right {
    width: 140px!important;
}

/*___ Fonts ________________________________________________________________________*/

.blob-code-inner,
.col-2.col-md-1.mr-3 .col-10.col-md-11,
.h4,
.markdown-body code, .markdown-body tt,
kbd,
pre
{
	font-size: 31px!important;
}

.col-10.col-md-11,
.f3,
.f4,
.markdown-body li,
body,
p
{
	font-size: 21px!important;
}

.f5,
.f6,
.text-small
{
	font-size: 19px!important;
}

.blob-code-inner {
	line-height: 38px!important;
}

/*___ Margins ______________________________________________________________________*/

.gutter>[class*=col-]
{
	margin: 12px!important;
}

.color-fg-muted strong,
.f6.Link--secondary.mb-2.mt-2.d-inline-block
{
	margin: 3px 0 16px!important;
}

/*___ Paddings _____________________________________________________________________*/

.col-lg-9.position-relative.pr-lg-5.mb-6.mr-lg-5,
.d-md-flex,
.pb-4,
article.my-4
{
	padding: 12px!important;
}

.color-fg-muted strong
{
	padding: 3px 6px!important;
}

/*___ Widths _______________________________________________________________________*/

.container-lg,
.container-xl
{
	max-width: none!important;
}

.gutter>[class*=col-]
{
	width: 32%!important;
}

}

@-moz-document domain("github.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;
}

/*__________________________________________________________________________________*/

.f3.color-fg-muted.text-normal,
a[href]:hover,
h1,
input[type="checkbox"]:checked+label,
input[type="radio"]:checked+label
 {
	color: #ff0!important;
}

/*__________________________________________________________________________________*/

.color-fg-muted,
body,
li,
p
 {
	color: #fff!important;
}

/*___ Khaki ________________________________________________________________________*/

.Label--secondary,
.color-fg-muted strong,
.f3,
h1,
h2
 {
	color: #F0E890!important;
}

/*___ Burlywood ____________________________________________________________________*/


.markdown-body code, .markdown-body tt,
h3,
h4
 {
	color: #e0b880!important;
}

/*___ Sandy Brown __________________________________________________________________*/

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

/*___ Blue _________________________________________________________________________*/

.color-fg-muted.text-right,
.flex-auto .color-fg-muted,
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;
	border-radius: 22px!important;
	color: #fff!important;
	padding: 3px 12px!important;
}

/*__________________________________________________________________________________*/

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

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

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






















}

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

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

/*___ Background Gray ______________________________________________________________*/

.Header,
.bg-gray-light,
.site-subheader-sticky.is-stuck
{
	background: #060505!important;
	background-color: #060505!important;
}

/*___ Background 0000 ______________________________________________________________*/

.MarketplaceBackground-buffer
{
	background: #0000!important;
}

/*___ Background-color 0000 ________________________________________________________*/

.color-bg-subtle,
.color-bg-default
{
	background-color: #0000!important;
}

/*__ Blue __________________________________________________________________________*/

.btn
{
	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), inset -2px -3px 5px rgba(255, 255, 255, 0.5)!important;
	color: #fff!important;
}

.btn:hover
{
	background-image: linear-gradient(to bottom right, #154eeb, #000)!important;
	color: #ff0!important;
}

.btn:active
{
	box-shadow: inset 2px 2px 1px black, inset 2px 3px 5px #0000004d, inset -2px -3px 5px #ffffff80!important;
}

/*__ Red __________________________________________________________________________*/

[value="Dismiss this"]
{
	background-image: linear-gradient(to bottom right, #da0404, #000)!important;
	border-radius: 22px!important;
	border: none!important;
	box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d, inset -2px -3px 5px #ffffff80!important;
	color: #fff!important;
}

[value="Dismiss this"]:hover
{
	background-image: linear-gradient(to bottom right, #eb1515, #000)!important;
	color: #ff0!important;
}

[value="Dismiss this"]:active
{
	box-shadow: inset 2px 2px 1px black, inset 2px 3px 5px #0000004d, inset -2px -3px 5px #ffffff80!important;
}

/*___ Green ________________________________________________________________________*/

.btn-primary
{
	background-image: linear-gradient(to bottom right, #81BC2E, #000)!important;
	border-radius: 22px!important;
	border: none!important;
	box-shadow: 1px 1px 1px black, inset 2px 3px 5px #0000004d, inset -2px -3px 5px #ffffff80!important;
	color: #fff!important;
}

.btn-primary:hover
{
	background-image: linear-gradient(to bottom right, #92cd3f, #000)!important;
	color: #ff0!important;
}

.btn-primary:active
{
	box-shadow: inset 2px 2px 1px black, inset 2px 3px 5px #0000004d, inset -2px -3px 5px #ffffff80!important;
}

/*___ Plain Black __________________________________________________________________*/

.border.rounded.color-shadow-medium.color-bg-default,
.col-lg-9.position-relative.pr-lg-5.mb-6.mr-lg-5,
.color-border-muted,
.gutter>[class*=col-]
{
	background-color: #000!important;
	border-radius: 22px!important;
	border: 1px solid rgba(0, 0, 0, .25)!important;
	box-shadow: inset 0 0 5px #0006, #373737 0 1px 0, 10px 10px 5px #0006, #9b9b9b 0 1px 0!important;
}

/*___ Plain ________________________________________________________________________*/

.d-md-flex,
article.my-4
{
	background-color: #111!important;
	border-radius: 22px!important;
	border: 1px solid rgba(0, 0, 0, .25)!important;
	box-shadow: inset 0 0 5px #0006, #373737 0 1px 0, 10px 10px 5px #0006, #9b9b9b 0 1px 0!important;
}

.border.rounded.color-shadow-medium.color-bg-default:hover,
.color-border-muted:hover,
.d-md-flex:hover,
.gutter>[class*=col-]:hover,
article.my-4:hover
{
	box-shadow: inset 0 0 5px #0006, #9b9b9b 0 1px 0, 10px 10px 5px #0a0a0a66, #9b9b9b 0 1px 0!important;
}

/*__ Code ___________________________________________________________________________*/

.markdown-body code,
.markdown-body tt,
kbd,
pre
{
	background: url(https://image.ibb.co/e8fWZk/red_carbon_pattern_by_mystica_264_d4ceu9m.png) #222!important;
	background-size: 100%!important;
}

/*___ Highlight Background _________________________________________________________*/

.filter-item:hover
{
	background:...