Difference between revisions of "User:SomeoneIGuess/UNOFFICIALDARK"

Revision as of 14:57, 19 October 2023

/*

░█▀▀░░░█░█░░░█▀█░░░█░░░░░█▀█░░░▀█▀░░░█▀█
░█▀▀░░░▄▀▄░░░█▀▀░░░█░░░░░█▀█░░░░█░░░░█░█
░▀▀▀░░░▀░▀░░░▀░░░░░▀▀▀░░░▀░▀░░░▀▀▀░░░▀░▀
░█░█░░░░░░░░░█░█░░░░░░░░░█▀▀░░░░░░░░░█▀▄
░▄▀▄░░░░░░░░░█▀▄░░░░░░░░░█░░░░░░░░░░░█░█
░▀░▀░░░░░░░░░▀░▀░░░░░░░░░▀▀▀░░░░░░░░░▀▀░
░█░█░█▀█░█▀█░█▀▀░█▀▀░▀█▀░█▀▀░▀█▀░█▀█░█░░
░█░█░█░█░█░█░█▀▀░█▀▀░░█░░█░░░░█░░█▀█░█░░
░▀▀▀░▀░▀░▀▀▀░▀░░░▀░░░▀▀▀░▀▀▀░▀▀▀░▀░▀░▀▀▀
░█▀▄░█▀█░█▀▄░█░█░░░░░░░░░█▄█░█▀█░█▀▄░█▀▀
░█░█░█▀█░█▀▄░█▀▄░░░░░░░░░█░█░█░█░█░█░█▀▀
░▀▀░░▀░▀░▀░▀░▀░▀░░░░░░░░░▀░▀░▀▀▀░▀▀░░▀▀▀

BY: SomeoneIGuess
Originally developed for the STYLUS extension
ONLY TESTED FOR VECTOR THEME
WORDS OF CAUTION:
    MAIN PAGE AND DISCUSSION TEMPLATE WILL LIKELY APPEAR VERY, VERY BRIGHT
    RATIONAL WIKI AND TVTROPES LINKS WILL HAVE A VERY BRIGHT HIGHLIGHT
        THESE CANNOT BE CHANGED WITHOUT MAJOR EDITS TO THE TEMPLATES (sorry)
    DOES NOT AFFECT USERBOXES
    LIST MARKERS CANNOT BE CHANGED

THIS WILL BE UPDATED OCCASIONALLY, SO MAKE SURE YOU HAVE THE LATEST VERSION

VERSION: 10192023

PROTECTED UNDER CC-BY-NC 4.0
    You may copy, share, edit, and use this code in any way you wish
    You may NOT claim the (original) code was created by anyone other than the original creator (SomeoneIGuess)
    You may NOT share this under any license besides CC-BY
    You may NOT restrict this code from others in any way
    You may NOT use this code in ANY way that involves ANY form of payment
    You MUST provide proper credit to the original creator (SomeoneIGuess)
    https://creativecommons.org/licenses/by-nc/4.0/deed.en
*/

#mw-content-text p, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3, .mw-body-content h4, .mw-body-content h5, .mw-body-content h6, .mw-content-ltr dd, .mw-content-rtl .mw-content-ltr dd, .mw-body .firstHeading, div#footer ul li, .results-info, .searchresult, li, table, div#mw-panel div.portal h3, .mw-content-ltr .tocnumber, legend, label, #contentSub, #contentSub2, dt, blockquote, .mw-body, .parsoid-body, div.vectorMenu h3 span, .search-types .current a, .postedit
/* DEFAULT FONT COLOR */
{ color: #d1d1d7 !important } 

.htmlform-tip
/* DARKER FONT COLOR
   DOES NOT AFFECT CERTAIN PARTS OF COMIC PAGES 
   ONLY USED ON Special:Preferences */
{ color: #808080 !important } 

table.wikitable > tr > th, table.wikitable > * > tr > th, .navbox th, .navbox-title, .infobox th
/* WIKITABLE STUFF
   PAGE FOR TESTING: 2840*/
{ background-color: #1e1e1e !important }

#mw-panel
/* DARK BACKGROUND COLOR FOR LEFT BAR OF WEBSITE
   Z-index MUST be 1, or else the Explain XKCD logo will be cut off
   Heavily reccomended to change the color below to the same color */
{ background-color: #2a2a2b; z-index: 1 !important }


div#mw-head, div#footer #footer-info li, div#footer, body, .mw-editform .editOptions, .mw-search-profile-tabs, .notice_tpl, #catlinks, .client-js #preferences, div.thumbinner, div.vectorMenu li > a, .mw-notification, table.wikitable, table, table.contributionscores td
/* DARK BACKGROUND
   AFFECTS SIDEBAR, TOP BAR, WIKITABLES, EDITOR, AND MORE
   WILL LIKELY NOT WORK AS INTENDED IF TWO TABLES ARE NEXT TO EACH OTHER (SUCH AS IN 1461)
   BUT THIS IS A NECESSARY SACRIFICE FOR NOW, AS OTHERWISE YOU CANNOT CHANGE THE COLOR OF THE BOX THE COMIC IS IN */
{ background-color: #2a2a2b !important }

.mw-body, div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs span > a, #pagehistory li.selected
/* MAIN CONTENT BACKGROUND */
{ background-color: #353638 !important }

#toc, .toc, .mw-warning, .toccolours, .navbox-even
/* BRIGHT BACKGROUND COLOR */
{ background-color: #444 !important }

.mw-body, fieldset
/* CHANGES COLOR OF LEFT EDGE OF MAIN CONTENT
   Heavily reccomended to change the color below to the same color */
{ border-color: #8f93d7 !important }

div.vectorTabs
/* CHANGES BORDER COLOR OF TOP TABS */
{ background: #8f93d7 !important }

a, div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs span > a, .mw-body-content a.extiw, .mw-body-content a.extiw:active, .mw-body-content a.external, div#mw-panel div.portal div.body ul li a, div.vectorMenu li a
/* LINK */
{ color: #4bc1db }

.mw-body-content a.extiw:visited, a:visited
/* VISITED LINK */
{ color: #ae78ec !important }

#p-personal, a.new, .new:visited, div.vectorTabs li.new a, div.vectorTabs li.new a:visited
/* REDLINK */
{ color: #ce4949 !important }

.mw-plusminus-pos
/* PAGE SIZE INCREASED */
{ color: #32a627 !important }

.mw-plusminus-neg
/* PAGE SIZE REDUCED */
{ color: #c62c2c !important }

#mw-page-base
/* THIS MAY SEEM POINTLESS, BUT THIS GETS RID OF UGLY WHITE BARS AROUND CERTAIN PAGES */
{ background: #fff0 !important }

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited, div.vectorTabs span > a, #mw-head
/* KEEPS THE TOP TABS VISIBLE AND CLICKABLE */
{ z-index: 1 }

#p-logo a, img.tex, .postedit:after
/* INVERT COLORS OF EXPLAIN XKCD LOGO AND MATH TERM THINGS AS SEEN IN 2295 */
{ filter: invert(1) !important }

#siteSub
/* "It's 'cause you're dumb." */
{ color: #f9f9f9 !important }

div#mw-panel
/* SHORTENS LEFT SIDEBAR SO IT DOESNT GO OVER THE MAIN CONTENT, EVEN ON SPECIAL PAGES */
{ width: 11em !important }

.warningbox
/* MAKES WARNING BOXES LESS JARRING */
{ background-color: #666446 !important; border-color: #4d4a2b !important }