Skip to content

Simple Dark Theme for FR (Scenes Enabled) by Pyrynn

Details

AuthorPyrynn

LicenseCC-BY-NC-4.0

Categoryflightrising.com

Created

Updated

Size146 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Simple Dark Theme for Flight Rising
@namespace    USO Archive
@author       Zoga
@description  A simple dark theme for Flight Rising, as the default interface is very bright and hard on the eyes. Works across the whole site, even the forums and coliseum.    ***NOTICE*** In order to get the usernames to display in the forums as in this theme, please download and install the free font "AR Cena", then restart your browser. You can get it <a href="https://fontzone.net/font-details/ar-cena">>> HERE <<</a> from FontZone.
@version      20201122.09.02
@license      CC-BY-NC-4.0
@preprocessor uso
==/UserStyle== */
@-moz-document domain("flightrising.com") {
/* Cookies Banner */
div.cc-window.cc-banner.cc-type-info.cc-theme-block.cc-top {
    background-color: #1c364a !important;
}
a.cc-btn.cc-dismiss {
    background-color: #041726 !important;
    color: #fff !important;
    border-radius: 7px !important;
}
a.clock-tooltip {
    color: #dae0e7 !important;
}
/* Front Page */
body.onecol, body {
    background-image: url(https://i.imgur.com/8hUzrQt.jpg) !important;
}
div.announce-title a {
    color: #dae0e7 !important;
}
div.announce-text {
    color: #c6d7e1 !important;
}
a.bbcode_url, span.announce-count a, div.status-author a, div#status-more a {
    color: #568fb8 !important;
}
div.status-announcement .status-announce-boundry {
    background-color: #0C171D !important;
}
#bottom-banner {
    background-color: #1c364a;
}
div.copybar {
    background-color: #0c171c !important;
    color: #a2b4c8 !important;
}
div.copybar a {
    color: #416fa4 !important;
}
div#ticker {
    background-image: url(https://i.imgur.com/Cbfy6xd.png) !important;
}
body {
    background-repeat: no-repeat;
    background-attachment: fixed;
}
/*Top Bar*/
.banner {
    background-color: #485159;
    /*#364650 #191d21*/
}
.loginarea {
    background-image: url(https://i.imgur.com/loxI0gk.png) !important;
    color: #dae0e7 !important;
}
.loginlinks {
    color: #dae0e7 !important;
    font-weight: bold !important;
    font-size: 11px !important;
}
span#bstcount a.loginlinks.loginbar img {
    padding-right: 2px !important;
}
div.users-online {
    color: #dae0e7 !important;
}
div.cluetip-inner.ui-cluetip-content {
    color: #dae0e7 !important;
    background-color: #3a4753 !important;
    border-radius: 2px !important;
}
div.cluetip {
    border: 2px solid #010e15 !important;
}
#messalert {
    color: #dae0e7 !important;
}
.statdiv span div {
    color: #dae0e7 !important;
}
.statdiv span #alerticon, #trade-chat span, #messicon, #frenicon, span.pending-avatar-msg-count {
    background-image: url(https://i.imgur.com/fkzzcPi.png) !important;
}
a.alertuser, div.alert-v2-text a {
    font-weight: bold !important;
    color: #dae0e7 !important;
}
div.alert-v2.alert-v2-unread {
    background-color: #4c5e70 !important;
    background: url(https://i.imgur.com/loxI0gk.png) !important;
    border-radius: 10px !important;
}
#alertlist .alert-v2, #alertlist .alert-v2.alert-v2-darkline, #alertwin .alert-v2.alert-v2-darkline, #alertwin .alert-v2, #status-box .status-row {
    border-bottom: 1px solid #4b5763 !important;
}
div#status-more {
    padding-bottom: 6px !important;
    margin-top: -6px !important;
}
#ajaxbody tr.highlight-tr {
    background-color: #374049 !important;
}
td.msgtopic {
    color: #b8e0f5 !important;
    border-bottom: solid 1px #000 !important;
}
#table-header, #msg-header, #form-header, #msg-preview #header {
    background-color: #032d54 !important;
    color: #dae0e7 !important;
}
#msg-header {
    padding-top: 2px !important;
}
#msg-show, #msg-editor, #msg-preview #body {
    background-color: #3b4854 !important;
}
textarea#message.input_reg, form#new input[name='subject'], #attachments input, .input_reg, div#xroad-metadata textarea, #trademsgform textarea, form#userpage textarea#bio {
    background-color: #5f6c77 !important;
    color: #dae0e7 !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 5px 2px 5px 10px !important;
    font-size: 13px !important;
    font-weight: normal !important;
}
#msg-text, #divapprovetrade p {
    color: #dae0e7 !important;
}
#xroad-metadata span:first-child, .trade-picker h1, #trademsgs .msgauthor {
    color: #66bfff !important;
}
#xroad-attach div #fundage {
    border: 1px solid #3b4854 !important;
    background-color: #3b4854 !important;
}
.trade-picker #fundage {
    border: 1px solid #3b4854;
    background-color: #3b4854 !important;
}
/*.no_insert span, #attachments .insert_item span {
    color: #dae0e7 !important;
    background-color: #21262c !important;
    font-size: 11px !important;
    border-radius: 5px 0px 0px 0px !important;
    padding: 3px 3px 0px 3px !important;
    margin-bottom: -2px !important;
    margin-right: -2px !important;
}*/
.beigebutton.thingbutton {
    background-color: #507086 !important;
    color: #dae0e7 !important;
    text-shadow: 0 1px 1px #000 !important;
    padding: 10px !important;
    -webkit-box-shadow: 0 2px 3px #000f22;
}
.redbutton.anybutton {
    background-color: #063a6a !important;
    padding: 10px !important;
    color: #dae0e7 !important;
    -webkit-box-shadow: 0 2px 3px #000f22;
}
#fromhoard #inner #attch, #fromhoard #inner #generic-hoard-confirm {
    padding: 10px !important;
}
#attach-items {
    border: none;
    background-color: #21262c !important;
}
div#msg-show div#msg-items div#items, div#msg-items div#attachments {
    border: 1px solid #22282b !important;
    background-color: #22282b !important;
    padding: 5px !important;
}
#ajaxbody tr {
    background-color: #1b262c !important;
}
#msg-items {
    border-top: 1px solid #2e383e !important;
}
#msg-show span#msg-avatar {
    background-image: none !important;
}
#msg-items div img {
    background: none !important;
}
.attach-item, .display-item {
    background-color: #3f444b !important;
    border: #3f444b 1px solid !important;
    border-radius: 5px !important;
}
table#tradereceipts td {
    color: #dae0e7 !important;
}
.ui-widget-header {
    border: none !important;
    background-color: #032d54 !important;
    background-image: url(https://i.imgur.com/loxI0gk.png) !important;
    color: #dae0e7 !important;
}
#msg-editor #bbcode-tag-bar {
    padding: 5px !important;
}
fieldset, body div div.contentcontainer div.main div#super-container div div fieldset div {
    background-color: #3b4854 !important;
    color: #dae0e7 !important;
    border: none !important;
    margin: 0.3em 0;
}
fieldset div#window ul#itemnomove.itemnomove li.itemnomove {
    background-color: #3b4854 !important;
}
fieldset div span {
    background-color: #3b4854 !important;
    color: #dae0e7 !important;
    border: none !important;
}
fieldset div span, fieldset div div {
    text-shadow: 0 0 0.2em #000, 0 0 0.2em #000, 0 0 0.2em #000 !important;
}
div.cluetip-inner.ui-cluetip-content div div span {
    color: #dae0e7 !important;
}
#dragonattach, .trade-picker #fundage #qty-input {
    background-color: #3b4854 !important;
    color: #dae0e7 !important;
    border: none !important;
    border-radius: 10px !important;
}
#alertlist .alert-v2-date {
    color: #8db1bf;
}
/* Items */
.itemtip .itemname div:first-child {
    color: #fff !important;
}
.itemtip .skindesc {
    color: #dae4f0 !important;
}
#alertwin .alert-v2-date {
    color: #9ca4ac !important;
}
/*.rarity-1, .rarity-0 {
    background-image: url(https://i.imgur.com/TfUV6M2.png) !important;
    background-repeat: no-repeat !important;
}
.rarity-2 {
    background-image: url(https://i.imgur.com/Sa4NPQf.png) !important;
    background-repeat: no-repeat !important;
}
.rarity-3 {
    background-image: url(https://i.imgur.com/DSIl5Uv.png) !important;
    background-repeat: no-repeat !important;
}
.rarity-4 {
    background-image: url(https://i.imgur.com/H4Y6bFU.png) !important;
    background-repeat: no-repeat !important;
}
.rarity-5 {
    background-image: url(https://i.imgur.com/pSBgfFF.png) !important;
    background-repeat: no-repeat !important;
}
.rarity-6 {
    background-image: url(https://i.imgur.com/pOcJWbZ.png) !important;
    background-repeat: no-repeat !important;
}*/
.itemtip .sellval {
    background-image: url(https://i.imgur.com/SXN6lL4.png);
    color: #5ef7ff !important;
}
.itemtip .tooltip-level {
    color: #5ef7ff !important;
}
div.itemcategory, div.tooltip-itemid {
    color: #b0b7bb !important;
}
.rarity-6 .itemname {
    background: linear-gradient(to right, #15242c 0%, #c59a9680 100%);
}
.itemtip.rarity-6 .itemname .itemtitle {
    color: #ffd0cc;
}
.rarity-5 .itemname {
    background: linear-gradient(to right, #15242c 0%, #dab58780 100%);
}
.itemtip.rarity-5 .itemname .itemtitle {
    color: #ffe7c4;
}
.rarity-4 .itemname {
    background: linear-gradient(to right, #15242c 0%, #8f8acd80 100%);
}
.itemtip.rarity-4 .itemname .itemtitle {
    color: #d7d5ff;
}
.rarity-3 .itemname {
    background: linear-gradient(to right, #15242c 0%, #8ea9ce80 100%);
}
.itemtip.rarity-3 .itemname .itemtitle {
    color: #cde1ff;
}
.rarity-2 .itemname {
    background: linear-gradient(to right, #15242c 0%, #a7b8a280 100%);
}
.itemtip.rarity-2 .itemname .itemtitle {
    color: #deffd0;
}
.rarity-0 .itemname, .rarity-1 .itemname {
    background: linear-gradient(to right, #15242c 0%, #acacac80 100%);
}
.itemtip.rarity-0 .itemname .itemtitle, .itemtip.rarity-1 .itemname .itemtitle {
    color: #e6e6e6;
}
/* Userbox */
#usertab, #logintab {
    background-image: url(https://i.imgur.com/FjDYllk.png) !important;
}
.loginlinks.loginbar, #namespan a span, #menucontainer a {
    color: #dae0e7 !important;
}
.ui-widget-content {
    background-color: #14252f !important;
    background: #14252f !important;
}
.item-tooltip, .ui-dialog {
    border: 3px solid #060d12 !important;
    border-radius: 10px !important;
    box-shadow: none!important;
}
div#tunak.ui-dialog-content.ui-widget-content div#content {
    background-color: #14252f !important;
}
a.clue_nrg, div#usertab span a.c...

Reviews

No reviews yet.