Dark theme for Aviation Safety Network.
Aviation Safety - Dark X by Saadski
Details
AuthorSaadski
LicenseNo License
Categoryhttps://aviation-safety.net/
Created
Updated
Size4.0 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Aviation Safety - Dark X
@version 20240707.09.55
@namespace ?
==/UserStyle== */
@-moz-document domain("aviation-safety.net"), domain("asn.flightsafety.org") {
/*Aviation Safety - Dark X*/
:root
{
--dark0: rgb(33, 33, 33);
--dark: rgb(28, 28, 28);
--dark1: rgb(27, 27, 27);
--darker: rgb(18, 18, 18);
--darker2: rgb(12, 12, 12);
--darker3: rgb(8, 8, 8);
--bw: rgb(67, 67, 67);
--light: rgb(146, 146, 146);
--light1: rgb(193, 193, 193);
--lighter: rgb(233, 233, 233);
--accent: rgb(95, 95, 95);
--shadow: rgba(0, 0, 0, 0.07);
--tp: #fff0;
--ol: #090909F2;
}
/* width */
::-webkit-scrollbar
{
height: 10px !important;
width: 10px !important;
}
/* Track */
/* Scrollbar Corner */
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner
{
background: #141414 !important;
}
/* Handle */
::-webkit-scrollbar-thumb
{
background: #3A3A3A !important;
border-radius: 1px !important;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover
{
background: #3A3A3A !important;
}
::selection
{
background: #353535B0 !important;
color: #000 !important;
}
*
{
border-color: var(--dark0) !important;
color: var(--bw) !important;
background: var(--tp) !important;
}
#page-wrap,
body,
html
{
background: var(--darker2)!important
}
a
{
color: var(--accent)!important
}
#inside > div.photodisplay.aligncenter,
[src="graphics/FSF_logo_no tag_trans2.png"]
{
filter: invert(1) grayscale(1) brightness(.6) contrast(1)
}
.infoboxtitlegrad
{
background-image: linear-gradient(to right, var(--darker), var(--darker))!important
}
.infoboxtitle
{
background-color: var(--darker)!important
}
#page-wrap > div:nth-child(5) > div:nth-child(2) > p:nth-child(2),
#page-wrap > div:nth-child(6),
#page-wrap > div:nth-child(7) > div:nth-child(2) > p:nth-child(2),
#rightcolumn > div > div:nth-child(11) > p,
#rightcolumn > div > img,
#rightcolumn > div > map,
[class="fb-share-button fb_iframe_widget"],
div.navigation a,
div.navigation img
{
display: none
}
td
{
margin: 10px!important
}
#contentcolumn > div > a:nth-child(22) > img,
#contentcolumn > div > div:nth-child(3) > table.infobox_highlight > tbody > tr > td:first-child > img,
#contentcolumn > div > table > tbody > tr:first-child > td.general > img,
#contentcolumn > div > table > tbody > tr:nth-child(4) > td.desc > img,
#contentcolumnfull > div > div.infobox > table > tbody > tr:first-child > td:nth-child(1) > img,
#contentcolumnfull > div > table > tbody > tr:nth-child(3) > td.desc,
#contentcolumnfull > div > table > tbody > tr:nth-child(3) > td:nth-child(3) > img,
#rightcolumn > div > di > img,
#rightcolumn > div > div:nth-child(8) > img,
[width="115"]
{
filter: invert(1) contrast(.904) brightness(1)
}
#contentcolumnfull > div > div:nth-child(11) > span > p:first-child > table > tbody > tr:nth-child(9) > td:nth-child(8) > img,
#page-wrap > div:nth-child(7) > div:nth-child(2) > a > img,
#rightcolumn > div > a > img,
[alt="Monthly Digest email"],
[alt="Safety dashboard"],
[src="https://cdn.avsafetydata.com/graphics/FSF_logo_no tag_trans2.png"],
[src="//cdn.avsafetydata.com/graphics/subscribebutton.jpg"],
[src="/graphics/subscribebutton.jpg"]
{
filter: invert(1) contrast(.86) brightness(.6) saturate(0)!important
}
div.innertube
{
color: var(--tp)!important
}
#columnchart_styles > div > div:first-child > div > svg > rect
{
fill: var(--darker2)
}
div div div svg g g g rect
{
fill: var(--dark)!important
}
#chart_div > div > div:first-child > div > svg > rect
{
fill: var(--darker)
}
#chart_div > div > div:first-child > div > svg > g:nth-child(3) > text,
#chart_div > div > div:first-child > div > svg > g:nth-child(5) > g:nth-child(4) > g > text,
[text-anchor="start"]
{
fill: var(--accent)!important;
color: var(--accent)!important
}
[width="16"]
{
width: 20px;
height: 15px
}
.google-visualization-tooltip,
[fill="#ffffff"]
{
fill: var(--darker) !important
}
}