From 4b75c185038751fd61cb276e686b307a1bba6b45 Mon Sep 17 00:00:00 2001 From: SkillpointHD <32783144+russetdapone@users.noreply.github.com> Date: Fri, 10 Jun 2022 07:24:33 -0500 Subject: [PATCH] Dark Mode Color Tweaks (#17903) * The Change (try 1) * How the fuck did I manage that? Fixing it. what the fuck * removing my failure didn't happen shutup * Fix Changeling, saturate AI PRIVATE * Fix consistency, thank you for catching it Sirryan. Co-authored-by: Sirryan2002 <80364400+Sirryan2002@users.noreply.github.com> * Update goon/browserassets/css/browserOutput-dark.css slow down Co-authored-by: Sirryan2002 <80364400+Sirryan2002@users.noreply.github.com> * yes the person who made this file really f'd up Co-authored-by: Sirryan2002 <80364400+Sirryan2002@users.noreply.github.com> * I've compiled it, nothing changed. adding semicolon though Co-authored-by: Sirryan2002 <80364400+Sirryan2002@users.noreply.github.com> * you probably should have grouped these Co-authored-by: Sirryan2002 <80364400+Sirryan2002@users.noreply.github.com> * definitely should have grouped these Co-authored-by: Sirryan2002 <80364400+Sirryan2002@users.noreply.github.com> * yeah Co-authored-by: Sirryan2002 <80364400+Sirryan2002@users.noreply.github.com> * true Co-authored-by: Sirryan2002 <80364400+Sirryan2002@users.noreply.github.com> * they fucked it up not me I fixed a shit ton but got lazy near the end Co-authored-by: Sirryan2002 <80364400+Sirryan2002@users.noreply.github.com> * Fixed a few colors including service, made file more consistent Co-authored-by: Sirryan2002 <80364400+Sirryan2002@users.noreply.github.com> --- goon/browserassets/css/browserOutput-dark.css | 309 +++++++++--------- 1 file changed, 154 insertions(+), 155 deletions(-) diff --git a/goon/browserassets/css/browserOutput-dark.css b/goon/browserassets/css/browserOutput-dark.css index 529ba8cf5ab..4b3e0e21cdf 100644 --- a/goon/browserassets/css/browserOutput-dark.css +++ b/goon/browserassets/css/browserOutput-dark.css @@ -49,15 +49,15 @@ a.popt {text-decoration: none;} position: fixed; width: 300px; height: 150px; - text-align: center; +text-align: center; left: 50%; - top: 50%; +top: 50%; margin: -75px 0 0 -150px; } #loading i {display: block; padding-bottom: 3px;} #messages { - font-size: 14px; +font-size: 14px; padding: 3px; margin: 0; word-wrap: break-word; @@ -69,7 +69,7 @@ a.popt {text-decoration: none;} right: 0; padding: 8px; background: #ddd; - text-decoration: none; +text-decoration: none; font-variant: small-caps; font-size: 1.1em; font-weight: bold; @@ -79,7 +79,7 @@ a.popt {text-decoration: none;} #newMessages i {vertical-align: middle; padding-left: 3px;} #ping { position: fixed; - top: 0; +top: 0; right: 40px; width: 45px; background: #ddd; @@ -90,14 +90,14 @@ a.popt {text-decoration: none;} #ping i {display: block; text-align: center;} #ping .ms { display: block; - text-align: center; - font-size: 8pt; +text-align: center; +font-size: 8pt; color: #000; padding-top: 2px; } #options { position: fixed; - top: 0; +top: 0; right: 0; } #options a { @@ -106,7 +106,7 @@ a.popt {text-decoration: none;} padding: 5px 0; display: block; color: #333; - text-decoration: none; +text-decoration: none; line-height: 28px; border-top: 1px solid #b4b4b4; } @@ -124,33 +124,33 @@ a.popt {text-decoration: none;} #options .sub span { display: block; line-height: 30px; - float: left; +float: left; } #options .sub i { display: block; padding: 0 5px; - font-size: 1.1em; +font-size: 1.1em; width: 22px; - text-align: center; +text-align: center; line-height: 30px; - float: right; +float: right; } #options .decreaseFont {border-top: 0;} /* POPUPS */ .popup { position: fixed; - top: 50%; +top: 50%; left: 50%; background: #ddd; } .popup .close { position: absolute; background: #aaa; - top: 0; +top: 0; right: 0; color: #333; - text-decoration: none; +text-decoration: none; z-index: 2; padding: 0 10px; height: 30px; @@ -163,9 +163,9 @@ a.popt {text-decoration: none;} padding: 0 10px; height: 30px; line-height: 30px; - text-transform: uppercase; - font-size: 0.9em; - font-weight: bold; +text-transform: uppercase; +font-size: 0.9em; +font-weight: bold; border-bottom: 2px solid green; } .popup input {border: 1px solid #999; background: #fff; margin: 0; padding: 5px; outline: none; color: #333;} @@ -179,7 +179,7 @@ a.popt {text-decoration: none;} .highlightPopup {padding: 10px; text-align: center;} .highlightPopup input[type=text] {display: block; width: 215px; text-align: left; margin-top: 5px;} -.highlightPopup input.highlightColor {background-color: #FFFF00;} +.highlightPopup input.highlightColor {background-color: #ffff0026} .highlightPopup input.highlightTermSubmit {margin-top: 5px;} /* ADMIN CONTEXT MENU */ @@ -192,7 +192,7 @@ a.popt {text-decoration: none;} .contextMenu a { display: block; padding: 2px 5px; - text-decoration: none; +text-decoration: none; color: #333; } @@ -242,189 +242,188 @@ a.popt {text-decoration: none;} } /* OUTPUT COLORS */ -.highlight {background: yellow;} -h1, h2, h3, h4, h5, h6 {color: #06f;font-family: Georgia, Verdana, sans-serif;} -em {font-style: normal; font-weight: bold;} -.motd {color: #638500; font-family: Verdana, sans-serif;} +.highlight {background-color: #ffff0026;} +h1, h2, h3, h4, h5, h6 {color: #06f;font-family: Georgia, Verdana, sans-serif;} +em {font-style: normal;font-weight: bold;} +.motd {color: #4972a1;font-family: Verdana, sans-serif;} .motd h1, .motd h2, .motd h3, .motd h4, .motd h5, .motd h6 - {color: #638500; text-decoration: underline;} + {color: #638500;text-decoration: underline;} .motd a, .motd a:link, .motd a:visited, .motd a:active, .motd a:hover - {color: #638500;} -.darkmblue {color: #6685f5;} -.prefix { font-weight: bold;} -.ooc { font-weight: bold;} -.looc {color: #6699CC;} -.adminobserverooc {color: #0099cc; font-weight: bold;} -.adminooc {color: #b82e00; font-weight: bold;} -.adminobserver {color: #996600; font-weight: bold;} -.admin {color: #386aff; font-weight: bold;} -.adminsay {color: #9611D4; font-weight: bold;} -.mentorhelp {color: #0077bb; font-weight: bold;} -.adminhelp {color: #aa0000; font-weight: bold;} -.playerreply {color: #8800bb; font-weight: bold;} -.pmsend {color: #6685f5;} -.name { font-weight: bold;} -.say {} -.yell { font-weight: bold;} -.siliconsay {font-family: 'Courier New', Courier, monospace;} -.deadsay {color: #B800B1;} -.radio {color: #408010;} -.deptradio {color: #993399;} -.comradio {color: #526aff;} -.syndradio {color: #993F40;} -.dsquadradio {color: #998599;} -.resteamradio {color: #18BC46;} -.airadio {color: #FF94FF;} -.centradio {color: #78789B;} -.secradio {color: #CF0000;} -.engradio {color: #A66300;} -.medradio {color: #009190;} -.sciradio {color: #993399;} -.supradio {color: #9F8545;} -.srvradio {color: #80A000;} -.proradio {color: #F70285;} -.admin_channel {color: #fcba03; font-weight: bold;} -.mentor_channel {color: #775BFF; font-weight: bold;} -.mentor_channel_admin {color: #A35CFF; font-weight: bold;} + {color: #638500;} +.darkmblue {color: #6685f5;} +.prefix {font-weight: bold;} +.ooc {color: #fbd608;font-weight: bold;} +.looc {color: #6699CC;} +.adminobserverooc {color: #0099cc;font-weight: bold;} +.adminooc {color: #b82e00;font-weight: bold;} +.adminobserver {color: #996600;font-weight: bold;} +.admin {color: #386aff;font-weight: bold;} +.adminsay {color: #9611D4;font-weight: bold;} +.mentorhelp {color: #0077bb;font-weight: bold;} +.adminhelp {color: #aa0000;font-weight: bold;} +.playerreply {color: #8800bb;font-weight: bold;} +.pmsend {color: #6685f5;} +.name {font-weight: bold;} +.say {color: #a4bad6} +.yell {font-weight: bold;} +.siliconsay {font-family: 'Courier New', Courier, monospace;} +.deadsay {color: #e2c1ff;} +.radio {color: #20b142;} +.deptradio {color: #993399;} +.comradio {color: #5F5CFF;} +.syndradio {color: #8f4a4b;} +.dsquadradio {color: #998599;} +.resteamradio {color: #18BC46;} +.airadio {color: #ff5ed7;} +.centradio {color: #2681a5;} +.secradio {color: #dd3535;} +.engradio {color: #FEAC20;} +.medradio {color: #00b5ad;} +.sciradio {color: #c68cfa;} +.supradio {color: #b88646;} +.srvradio {color: #bbd164;} +.proradio {color: #b84f92;} +.admin_channel {color: #fcba03;font-weight: bold;} +.mentor_channel {color: #775BFF;font-weight: bold;} +.mentor_channel_admin {color: #A35CFF;font-weight: bold;} .djradio {color: #996600;} -.binaryradio {color: #1B00FB; font-family: 'Courier New', Courier, monospace;} -.mommiradio {color: #6685f5;} -.alert {color: #ff0000;} +.binaryradio {color: #1B00FB;font-family: 'Courier New', Courier, monospace;} +.mommiradio {color: #6685f5;} +.alert {color: #d82020;} h1.alert, h2.alert {color: #FFF;} -.ghostalert {color: #cc00c6; font-style: italic; font-weight: bold;} -.emote { font-style: italic;} -.selecteddna {color: #FFFFFF; background-color: #001B1B} +.ghostalert {color: #cc00c6;font-style: italic; font-weight: bold;} +.emote {font-style: italic;} +.selecteddna {color: #FFFFFF; background-color: #001B1B} -.attack {color: #ff0000;} -.moderate {color: #CC0000;} -.disarm {color: #990000;} +.attack {color: #ff0000;} +.moderate {color: #CC0000;} +.disarm {color: #990000;} .passive {color: #660000;} -.warning {color: #ff0000; font-style: italic;} -.boldwarning {color: #ff0000; font-style: italic; font-weight: bold} -.danger {color: #ff0000; font-weight: bold;} -.userdanger {color: #ff0000; font-weight: bold; font-size: 120%;} -.biggerdanger {color: #ff0000; font-weight: bold; font-size: 150%;} +.warning {color: #c51e1e;font-style: italic;} +.boldwarning {color: #c51e1e;font-style: italic;font-weight: bold} +.danger {color: #c51e1e;font-weight: bold;} +.userdanger {color: #c51e1e;font-weight: bold;font-size: 120%;} +.biggerdanger {color: #ff0000;font-weight: bold; font-size: 150%;} +.info {color: #9ab0ff;} +.notice {color: #6685f5;} +.boldnotice {color: #6685f5;font-weight: bold;} +.suicide {color: #ff5050;font-style: italic;} +.green {color: #03bb39;} +.announce {color: #c51e1e;font-weight: bold;} +.boldannounce {color: #c51e1e;font-weight: bold;} +.greenannounce {color: #059223;font-weight: bold;} -.info {color: #6685f5;} -.notice {color: #6685f5;} -.boldnotice {color: #6685f5; font-weight: bold;} -.suicide {color: #ff5050; font-style: italic;} -.green {color: #03bb39;} -.announce {color: #228b22; font-weight: bold;} -.boldannounce {color: #ff0000; font-weight: bold;} -.greenannounce {color: #00ff00; font-weight: bold;} - -.alien {color: #C433C4;} -.noticealien {color: #00c000;} +.alien {color: #C433C4;} +.noticealien {color: #00c000;} .alertalien {color: #00c000; font-weight: bold;} -.terrorspider {color: #CF52FA;} +.terrorspider {color: #CF52FA;} .dantalion {color: #8b2c5e;} -.sinister {color: #800080; font-weight: bold; font-style: italic;} /* /vg/ */ -.blob {color: #006221; font-weight: bold; font-style: italic;} +.sinister {color: #800080;font-weight: bold;font-style: italic;} /* /vg/ */ +.blob {color: #006221;font-weight: bold;font-style: italic;} .confirm {color: #00af3b;} -.rose {color: #ff5050;} -.sans {font-family: 'Comic Sans MS', cursive, sans-serif;} -.wingdings {font-family: Wingdings, Webdings;} -.robot {font-family: 'PxPlus IBM MDA'; font-size: 1.15em;} -.ancient {color: #008B8B; font-style: italic;} -.newscaster {color: #CC0000;} -.mod {color: #735638; font-weight: bold;} -.modooc {color: #184880; font-weight: bold;} -.adminmod {color: #F0AA14; font-weight: bold;} +.rose {color: #ff5050;} +.sans {font-family: 'Comic Sans MS', cursive, sans-serif;} +.wingdings {font-family: Wingdings, Webdings;} +.robot {font-family: 'PxPlus IBM MDA'; font-size: 1.15em;} +.ancient {color: #008B8B;font-style: italic;} +.newscaster {color: #CC0000;} +.mod {color: #735638;font-weight: bold;} +.modooc {color: #184880;font-weight: bold;} +.adminmod {color: #F0AA14;font-weight: bold;} .tajaran {color: #803B56;} -.skrell {color: #00CED1;} -.solcom {color: #8282FB;} -.com_srus {color: #7c4848;} -.zombie {color: #ff0000;} -.soghun {color: #228B22;} -.changeling {color: #800080;} -.vox {color: #AA00AA;} -.diona {color: #804000; font-weight: bold;} +.skrell {color: #00CED1;} +.solcom {color: #8282FB;} +.com_srus {color: #7c4848;} +.zombie {color: #ff0000;} +.soghun {color: #228B22;} +.changeling {color: #00B4DE;} +.vox {color: #AA00AA;} +.diona {color: #804000;font-weight: bold;} .trinary {color: #727272;} -.kidan {color: #C64C05;} -.slime {color: #0077AA;} -.drask {color: #a3d4eb; font-family: "Arial Black";} -.moth {color: #869b29; font-family: "Copperplate";} -.clown {color: #ff0000;} +.kidan {color: #C64C05;} +.slime {color: #0077AA;} +.drask {color: #a3d4eb; font-family: "Arial Black";} +.moth {color: #869b29; font-family: "Copperplate";} +.clown {color: #ff0000;} .vulpkanin {color: #B97A57;} .abductor {color: #800080; font-style: italic;} .mind_control {color: #A00D6F; font-size: 3; font-weight: bold; font-style: italic;} -.rough {font-family: 'Trebuchet MS', cursive, sans-serif;} -.say_quote {font-family: Georgia, Verdana, sans-serif;} -.cult {color: #800080; font-weight: bold; font-style: italic;} -.cultspeech {color: #AF0000; font-style: italic;} +.rough {font-family: 'Trebuchet MS', cursive, sans-serif;} +.say_quote {font-family: Georgia, Verdana, sans-serif;} +.cult {color: #800080; font-weight: bold; font-style: italic;} +.cultspeech {color: #AF0000; font-style: italic;} .cultitalic {color: #A60000; font-style: italic;} .cultlarge {color: #A60000; font-weight: bold; font-size: 120%;} -.narsie {color: #A60000; font-weight: bold; font-size: 300%;} +.narsie {color: #A60000; font-weight: bold; font-size: 300%;} .narsiesmall {color: #A60000; font-weight: bold; font-size: 200%;} .interface {color: #9031C4;} -.big {font-size: 150%;} +.big {font-size: 150%;} .reallybig {font-size: 175%;} -.greentext {color: #00FF00; font-size: 150%;} -.redtext {color: #FF0000; font-size: 150%;} -.bold {font-weight: bold;} -.his_grace {color: #15D512; font-family: "Courier New", cursive, sans-serif; font-style: italic;} -.center {text-align: center;} -.red {color: #FF0000;} -.purple {color: #9031C4;} +.greentext {color: #00FF00;font-size: 150%;} +.redtext {color: #FF0000;font-size: 150%;} +.bold {font-weight: bold;} +.his_grace {color: #15D512; font-family: "Courier New", cursive, sans-serif; font-style: italic;} +.center {text-align: center;} +.red {color: #FF0000;} +.purple {color: #9031C4;} .skeleton {color: #C8C8C8; font-weight: bold; font-style: italic;} -.gutter {color: #7092BE; font-family: "Trebuchet MS", cursive, sans-serif;} -.orange {color: #ffa500;} +.gutter {color: #7092BE; font-family: "Trebuchet MS", cursive, sans-serif;} +.orange {color: #ffa500;} .orangei {color: #ffa500; font-style: italic;} .orangeb {color: #ffa500; font-weight: bold;} .resonate {color: #298F85;} -.revennotice {color: #6685F5;} -.revenboldnotice {color: #6685F5; font-weight: bold;} -.revenbignotice {color: #6685F5; font-weight: bold; font-size: 120%;} -.revenminor {color: #823abb} -.revenwarning {color: #760fbb; font-style: italic;} -.revendanger {color: #760fbb; font-weight: bold; font-size: 120%;} +.revennotice {color: #6685F5;} +.revenboldnotice {color: #6685F5;font-weight: bold;} +.revenbignotice {color: #6685F5;font-weight: bold; font-size: 120%;} +.revenminor {color: #823abb} +.revenwarning {color: #760fbb;font-style: italic;} +.revendanger {color: #760fbb;font-weight: bold; font-size: 120%;} -.specialnotice {color: #4A6F82; font-weight: bold; font-size: 120%;} +.specialnotice {color: #4A6F82; font-weight: bold; font-size: 120%;} /* /vg/ */ -.good {color: green;} +.good {color: green;} .average {color: #FF8000;} -.bad {color: #FF0000;} +.bad {color: #FF0000;} /* /vg/ Saycode Rewrite */ -.italics, .talkinto {font-style:italic;} -.whisper {font-style:italic;color:#CCCCCC;} +.italics, .talkinto {font-style: italic;} +.whisper {font-style: italic;color: #CCCCCC;} /* Recruiting stuff */ .recruit {color: #5c00e6; font-weight: bold; font-style: italic;} -.memo {color: #638500; text-align: center;} -.memoedit {text-align: center; font-size: 75%;} +.memo {color: #638500;text-align: center;} +.memoedit {text-align: center;font-size: 75%;} -.connectionClosed, .fatalError {background: red; color: white; padding: 5px;} -.connectionClosed.restored {background: green;} -.internal.boldnshit {color: #6685f5; font-weight: bold;} +.connectionClosed, .fatalError {background: red; color: white; padding: 5px;} +.connectionClosed.restored {background: green;} +.internal.boldnshit {color: #6685f5; font-weight: bold;} -.rebooting {background: #2979AF; color: white; padding: 5px;} -.rebooting a {color: white !important; text-decoration-color: white !important;} -#reconnectTimer {font-weight: bold;} +.rebooting {background: #2979AF; color: white; padding: 5px;} +.rebooting a {color: white !important; text-decoration-color: white !important;} +#reconnectTimer {font-weight: bold;} /* HELPER CLASSES */ -.text-normal {font-weight: normal; font-style: normal;} -.hidden {display: none; visibility: hidden;} +.text-normal {font-weight: normal; font-style: normal;} +.hidden {display: none; visibility: hidden;} /* MEGAFAUNA */ .colossus {color: #7F282A; font-size: 175%;} -.hierophant {color: #660099; font-weight: bold; font-style: italic;} +.hierophant {color: #660099; font-weight: bold; font-style: italic;} .hierophant_warning {color: #660099; font-style: italic;} /* EMOJI STUFF */ -.emoji {max-height: 16px; max-width: 16px} +.emoji {max-height: 16px; max-width: 16px} /* ADMIN TICKETS */ -.adminticket {color: #3daf21; font-weight: bold} +.adminticket {color: #3daf21; font-weight: bold} -.adminticketalt {color: #ccb847; font-weight: bold} +.adminticketalt {color: #ccb847; font-weight: bold} /* Syndicate codewords */ -span.body .codephrases {color: #5555FF;} -span.body .coderesponses {color: #FF3333;} +span.body .codephrases {color: #5555FF;} +span.body .coderesponses {color: #FF3333;}