Simple Dark Theme for FR, but does not obscure scenes on dragon profiles.
Original: https://userstyles.org/styles/150521/simple-dark-theme-for-flight-rising
AuthorPyrynn
LicenseCC-BY-NC-4.0
Categoryflightrising.com
Created
Updated
Size146 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Simple Dark Theme for FR, but does not obscure scenes on dragon profiles.
Original: https://userstyles.org/styles/150521/simple-dark-theme-for-flight-rising
/* ==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...