Skip to content

Aviation Safety - Dark X by Saadski

Screenshot of Aviation Safety - Dark X

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

Dark theme for Aviation Safety Network.

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
}
}

Reviews

No reviews yet.