MediaWiki:Colors.css

/* color css - imported into common.css/Fandomdesktop.css and FandomMobile.css */
/*GTA VI temporary theme fixes*/
.theme-fandomdesktop-dark,
.theme-fandommobile-dark,
.theme-fandomdesktop-light,
.theme-fandommobile-light {
    --theme-page-accent-mix-color: var(--gtavi-border)!important;
    --theme-accent-text-color: #ede6e6!important;
	--theme-accent-link-color: #ffbba8!important;
}

.theme-fandomdesktop-dark,
.theme-fandommobile-dark {
    --theme-page-background-color: #2d2637ed!important;  /*do this to override opacity from theme designer*/
    --theme-page-background-mix-color: #2b3049!important;
	--theme-page-background-color--secondary: #555d84;
    --theme-body-background-mix-color: #272b41!important;
}

.theme-fandomdesktop-light,
.theme-fandommobile-light {
    --theme-page-background-color: #e9e0f6c7!important;  /*do this to override opacity from theme designer*/
    --theme-page-background-mix-color: #e7e9f9!important;
	--theme-page-background-color--secondary: #d6d9f2;
    --theme-body-background-mix-color: #b0b5da!important;
}

/*light theme colors - desktop & mobile*/
.theme-fandomdesktop-light,
.theme-fandommobile-light {
    /*generic colors - tophats, diff changes, etc*/
    
	--theme-red-color: #FF6B6B;/*                  tophat-alert templates accent color              */
	--theme-red-background-color: #eba7a7;/*       tophat-alert-critical templates background color */
    --theme-red-background-mix-color: #dc8f8f;/*   diff deleted/old hover color                     */
    --theme-green-color: #3ED079;/*                tophat-under construction (new) accent color     */
    --theme-green-background-color: #85edb0;/*     diff added/new color                             */
    --theme-green-background-mix-color: #5ddd92;/* diff added/new hover color                       */
	--theme-blue-color: #b6dbe4;/*                 tophat-maintenance templates background color    */
	--theme-black-color: #0f0f0f;
	--theme-white-color: #f1f1f1;
	--theme-yellow-color: #FDD017;/*               tophat-maintenance templates accent color        */
	--theme-yellow-background-color: #fbe68e;/*    tophat-under construction background color       */
    --theme-yellow-warning-color: #FFF60D;/*       tophat-warning templates color                   */
    --theme-accent-link-color: #552A54;/*          link text color for use on accent color          */
    --theme-body-background-mix-color: #d6bcc8; /* tabber backgrounds                               */
    --theme-page-background-mix-color: #C0E6EF;/*  page background secondary color                  */
    
    /*game colors - infoboxes and navboxes*/
	--gta1-accent: #e6ac03;
	--gta1-background: #ede6ca;
	--gta1-border: #c2a24c;
	--gta2-accent: #e6e4e4;
	--gta2-background: #d7d2d2;
	--gta2-border: #c6c6c6;
	--gtaiii-accent: #cfa774;g
	--gtaiii-background: #e3e1de;
	--gtaiii-border: #a3927c;
	--gtalcs-accent: #ae1e20;
	--gtalcs-border: #e68787;
	--gtalcs-background: #f0f0f0;
	--gtalondon-accent: #b50c0c;
	--gtalondon-background: #eff8ff;
    --gtalondon-border: #250d9f;
	--gtaa-accent: #29c323;
	--gtaa-background: #d1ebd0;
    --gtaa-border: #8cf388;
	--gtavc-accent: #9c466e;
	--gtavc-background: #fbdfed;
    --gtavc-border: #c5779c;
	--gtavcs-accent: #ff84b7;
	--gtavcs-background: #f0dbf8;
    --gtavcs-border: #dd91b1;
	--gtasa-accent: #e2a152;
	--gtasa-background: #f8e6cf;
	--gtasa-border: #960707;
	--gtaiv-accent: #8f8f8f;
	--gtaiv-border: #9c9c9c;
	--gtaiv-background: #f0f0f0;
	--eflc-accent: #634f0b;
	--tbogt-accent: #aa3866;
	--tbogt-background: #c2d0ff;
	--tbogt-border: #a764b0;
	--tlad-accent: #931113;
	--tlad-background: #c5c5c5;
	--tlad-border: #916a6a;
	--gtacw-accent: #ba1d24;
	--gtacw-background: #e4dfdf;
	--gtacw-border: #c2686c;
	--gtav-accent: #196A22;
	--gtav-border: #608364;
	--gtav-background: #dcf1dd;
    --gtao-accent: #2562a9;
	--gtao-background: #c8defb;
	--gtao-border: #615363;
	--gtavi-accent: #88366a;
	--gtavi-background: #c3c7e7;
	--gtavi-border: #fb84d0;
	
	/*game dlc colors - infoboxes and navboxes*/
	
	--gtav-heist-accent: #256628;
	--gtav-heist-border: #5b825b;
	--gtav-heist-background: #dff8df;

	--gtao-mpbeach-accent: #FDE957;
	--gtao-mpbeach-border: #8dc4c6;
	--gtao-mpbeach-background: #a5dee0;
	
	--gtao-mplowrider-accent: #f0c850;
	--gtao-mplowrider-border: #cbbb8a;
	--gtao-mplowrider-background: #fff9ea;

	--gtao-mpreplay-accent: #8466e2;
	--gtao-mpreplay-border: #a78ef7;
	--gtao-mpreplay-background: #e7e8ff;
	
	--gtao-mpbattle-accent: #f141f5;
	--gtao-mpbattle-border: #4b446d;
	--gtao-mpbattle-background: #dec5ff;
	
	--gtao-clientjob-accent: #0EB0F4;
	--gtao-clientjob-border: #418aa8;
	--gtao-clientjob-background: #afdafa;
	
	--gtao-mpxmas2018-accent: #4E0910;
	--gtao-mpxmas2018-border: #8f4850;
	--gtao-mpxmas2018-background: #dbeaff;
	
	--gtao-mpimportexport-accent: #bb2a2a;
	--gtao-mpimportexport-border: #e98080;
	--gtao-mpimportexport-background: #f4e4e4;

	--gtao-StuntRace-accent: #CB3694;
	--gtao-StuntRace-border: #471e38;
	--gtao-StuntRace-background: #add8ff;
	
	--gtao-SpecialRace-accent: #5d6b2d;
	--gtao-SpecialRace-border: #313524;
	--gtao-SpecialRace-background: #f8ffdf;
	
	--gtao-Adversary-accent: #FF6335;
	--gtao-Adversary-border: #2a2e31;
	--gtao-Adversary-background: #d9e4ef;
	
	--gtao-mpbiker-accent: #c37d7d;
	--gtao-mpbiker-border: #7e6161;
	--gtao-mpbiker-background: #d8e5ee;
	
	--gtao-mpgunrunning-accent: #e06e26;
	--gtao-mpgunrunning-border: #6093a7;
	--gtao-mpgunrunning-background: #d8d7d7;
	
	--gtao-mpsmuggler-accent: #b12c04;
	--gtao-mpsmuggler-background: #d6cbc4;
	--gtao-mpsmuggler-border: #c05534;
	
	--gtao-survival2019-accent: #ff8457;
	--gtao-survival2019-border: #dca38e;

	--gtao-mp2023_02-accent: #02a3fe;
	--gtao-mp2023_02-background: #ccdce6;
	--gtao-mp2023_02-border: #668a9d;
	
	--gtao-cockheist-accent: #f8b208;
	--gtao-cockheist-background: #dae7fa;
	--gtao-cockheist-border: #d87068;
	
	--gtao-mpchristmas2017-accent: #00666D;
	--gtao-mpchristmas2017-background: #c8ebed;
	--gtao-mpchristmas2017-border: #48a5ab;

	--gtao-DiamondCasino-accent: #8e3894;
	--gtao-DiamondCasino-background: #e6c9e7;
	--gtao-DiamondCasino-border: #c041ca;

	--gtao-CasinoWork-accent: #8e3894;
	--gtao-CasinoWork-background: #dfbee0;
	--gtao-CasinoWork-border: #c554ce;

	--gtao-CasinoHeist-accent: #9fa1d2;
	--gtao-CasinoHeist-background: #ced0ef;
	--gtao-CasinoHeist-border: #7a7caa;

	--gtao-CayoPericoHeist-accent: #F2C166;
	--gtao-CayoPericoHeist-background: #f3ebdb;
	--gtao-CayoPericoHeist-border: #ae9f81;

	--gtao-PlanningWork-accent: #aeae83;
	--gtao-PlanningWork-background: #efefcb;
	--gtao-PlanningWork-border: #949469;

	--gtao-VIPContract-accent: #406848;
	--gtao-VIPContract-background: #eaffed;
	--gtao-VIPContract-border: #63946d;

	--gtao-OperationPaperTrail-accent: #adc486;
	--gtao-OperationPaperTrail-background: #ced4f0;
	--gtao-OperationPaperTrail-border: #545e8e;

	--gtao-FirstDose-accent: #1f478c;
	--gtao-FirstDose-background: #ccdbf3;
	--gtao-FirstDose-border: #678bca;
	
	--gtao-ProjectOverthrow-accent: #91bb4f;
	--gtao-ProjectOverthrow-background: #f5f1be;
	--gtao-ProjectOverthrow-border: #2b771e;

	--gtao-LandRace2019-accent: #bd2a87;
	--gtao-LandRace2019-background: #ffc3e9;
	--gtao-LandRace2019-border: #c47ee6;
	
	/*custom theme colors - infoboxes and navboxes*/
	--gta1subway-accent: #943939;
	--gta1subway-background: #a8ffff;
    --gta1subway-border: #943939;

	--gtaivsubway-accent: #172239;
	--gtaivsubway-background: #c0ceeb;
    --gtaivsubway-border: #8fa0c3;

	--TradeStats-accent: #ffffff;
	--TradeStats-background: #ffe6e7;
    --TradeStats-border: #ff5862;
	
    /*soon to be defunct*/
    
	--theme-table-header-color: #dd488f;
	--theme-table-body-color: #f6c6dd;
	--theme-table-header-text-color: #0F0F0F;
	--theme-table-body-text-color: #3d3a34;
	--theme-table-body-altcolor: #ddc6f6;
}

/*dark theme colors - desktop & mobile*/
.theme-fandomdesktop-dark,
.theme-fandommobile-dark {
    /*generic colors - tophats, diff changes, etc*/
    
	--theme-red-color: #BB2525;/*                  tophat-alert templates accent color              */
	--theme-red-background-color: #5e1010;/*       tophat-alert-critical templates background color */
    --theme-red-background-mix-color: #7d1616;/*   diff deleted/old hover color                     */
    --theme-green-color: #1a773f;/*                tophat-under construction (new) accent color     */
    --theme-green-background-color: #0f3820;/*     diff added/new color                             */
    --theme-green-background-mix-color: #16522f;/* diff added/new hover color                       */
	--theme-blue-color: #18232F;/*                 tophat-maintenance templates background color    */
	--theme-black-color: #0f0f0f;
	--theme-white-color: #f1f1f1;
	--theme-yellow-color: #FDD017;/*               tophat-maintenance templates accent color        */
	--theme-yellow-background-color: #B99A1D;/*    tophat-under construction background color       */
    --theme-yellow-warning-color: #FFF60D;/*       tophat-warning templates color                   */
    --theme-accent-link-color: #334B5F;/*          link text color for use on accent color          */
    --theme-body-background-mix-color: #43413c; /* tabber backgrounds                               */
    --theme-page-background-mix-color: #3B3B3B;/*  page background secondary color                  */

    /*game colors - infoboxes and navboxes*/
    
	--gta1-accent: #e6ac03;
	--gta1-background: #393422;
	--gta1-border: #5c4504;
	--gta2-accent: #e6e4e4;
	--gta2-background: #202020;
	--gta2-border: #434343;
	--gtaiii-accent: #cfa774;
	--gtaiii-background: #302d2a;
	--gtaiii-border: #554a3c;
	--gtalondon-accent: #b50c0c;
	--gtalondon-background: #4b0303;
    --gtalondon-border: #250d9f;
	--gtaa-accent: #29c323;
	--gtaa-background: #252f25;
    --gtaa-border: #1b6418;
	--gtavc-accent: #9c466e;
	--gtavc-background: #161515;
    --gtavc-border: #5c3d4c;
	--gtavcs-accent: #ff84b7;
	--gtavcs-background: #342934;
    --gtavcs-border: #7e335e;
	--gtalcs-accent: #ae1e20;
	--gtalcs-border: #751416;
	--gtalcs-background: #1a1a1a;
	--gtasa-accent: #e2a152;
	--gtasa-background: #201b14;
	--gtasa-border: #960707;
	--gtaiv-accent: #8f8f8f;
	--gtaiv-border: #615f5f;
	--gtaiv-background: #403e3e;
	--eflc-accent: #634f0b;
	--tbogt-accent: #aa3866;
	--tbogt-background: #161e39;
	--tbogt-border: #55135e;
	--tlad-accent: #931113;
	--tlad-background: #131212;
	--tlad-border: #6a191a;
	--gtacw-accent: #ba1d24;
	--gtacw-background: #151414;
	--gtacw-border: #7b181d;
	--gtav-accent: #196A22;
	--gtav-border: #455647;
	--gtav-background: #394138;
    --gtao-accent: #2562a9;
	--gtao-background: #202730;
	--gtao-border: #3f556d;
	--gtavi-accent: #88366a;
	--gtavi-background: #353c5e;
	--gtavi-border: #653152;
    /*game dlc colors - infoboxes and navboxes*/
    
	--gtav-heist-accent: #256628;
	--gtav-heist-border: #1c4d1e;
	--gtav-heist-background: #2b342b;

	--gtao-mpbeach-accent: #FDE957;
	--gtao-mpbeach-border: #487779;
	--gtao-mpbeach-background: #294647;
	
	--gtao-mplowrider-accent: #f0c850;
	--gtao-mplowrider-border: #7e6b2e;
	--gtao-mplowrider-background: #24221f;
	
	--gtao-mpreplay-accent: #8466e2;
	--gtao-mpreplay-border: #382e58;
	--gtao-mpreplay-background: #1f1a30;
	
	--gtao-mpbattle-accent: #f141f5;
	--gtao-mpbattle-border: #543972;
	--gtao-mpbattle-background: #242d4c;
	
	--gtao-clientjob-accent: #0EB0F4;
	--gtao-clientjob-border: #1e4d60;
	--gtao-clientjob-background: #072a39;
	
	--gtao-mpxmas2018-accent: #4E0910;
	--gtao-mpxmas2018-border: #340d11;
	--gtao-mpxmas2018-background: #0E213B;
	
	--gtao-mpimportexport-accent: #bb2a2a;
	--gtao-mpimportexport-border: #6c2129;
	--gtao-mpimportexport-background: #261313;
	
	--gtao-StuntRace-accent: #CB3694;
	--gtao-StuntRace-border: #e8e8e8;
	--gtao-StuntRace-background: #2b4c6a;
	
	--gtao-SpecialRace-accent: #5d6b2d;
	--gtao-SpecialRace-border: #3f4919;
	--gtao-SpecialRace-background: #232811;
	
	--gtao-Adversary-accent: #FF6335;
	--gtao-Adversary-border: #4c5964;
	--gtao-Adversary-background: #2d3842;
	
	--gtao-mpbiker-accent: #c37d7d;
	--gtao-mpbiker-border: #593535;
	--gtao-mpbiker-background: #201d1d;
	
	--gtao-mpgunrunning-accent: #e06e26;
	--gtao-mpgunrunning-border: #396a7e;
	--gtao-mpgunrunning-background: #343333;
	
	--gtao-mpsmuggler-accent: #b12c04;
	--gtao-mpsmuggler-background: #252220;
	--gtao-mpsmuggler-border: #702913;
	
	--gtao-survival2019-accent: #ff8457;
	--gtao-survival2019-border: #9b5c45;

	--gtao-mp2023_02-accent: #02a3fe;
	--gtao-mp2023_02-background: #08161d;
	--gtao-mp2023_02-border: #46555d;
	
	--gtao-cockheist-accent: #f8b208;
	--gtao-cockheist-background: #131532;
	--gtao-cockheist-border: #6c1b1b;
	
	--gtao-mpchristmas2017-accent: #00666D;
	--gtao-mpchristmas2017-background: #071f1f;
	--gtao-mpchristmas2017-border: #0a4549;

	--gtao-DiamondCasino-accent: #8e3894;
	--gtao-DiamondCasino-background: #261527;
	--gtao-DiamondCasino-border: #4f1553;

	--gtao-CasinoWork-accent: #8e3894;
	--gtao-CasinoWork-background: #3c173e;
	--gtao-CasinoWork-border: #4f1553;

	--gtao-CasinoHeist-accent: #adafdc;
	--gtao-CasinoHeist-background: #1e2029;
	--gtao-CasinoHeist-border: #323348;

	--gtao-CayoPericoHeist-accent: #F2C166;
	--gtao-CayoPericoHeist-background: #2c2923;
	--gtao-CayoPericoHeist-border: #56482d;

	--gtao-PlanningWork-accent: #aeae83;
	--gtao-PlanningWork-background: #3f3f33;
	--gtao-PlanningWork-border: #6f6f4b;

	--gtao-VIPContract-accent: #406848;
	--gtao-VIPContract-background: #152117;
	--gtao-VIPContract-border: #304835;

	--gtao-OperationPaperTrail-accent: #adc486;
	--gtao-OperationPaperTrail-background: #313858;
	--gtao-OperationPaperTrail-border: #5b6696;

	--gtao-LandRace2019-accent: #bd2a87;
	--gtao-LandRace2019-background: #26203e;
	--gtao-LandRace2019-border: #572f7e;
	
	--gtao-FirstDose-accent: #1f478c;
	--gtao-FirstDose-background: #1b2c32;
	--gtao-FirstDose-border: #3769be;

	--gtao-ProjectOverthrow-accent: #91bb4f;
	--gtao-ProjectOverthrow-background: #343311;
	--gtao-ProjectOverthrow-border: #295c20;

	
	/*custom theme colors - infoboxes and navboxes*/
	--gta1subway-accent: #943939;
	--gta1subway-background: #264e5c;
    --gta1subway-border: #943939;
    
	--gtaivsubway-accent: #172239;
	--gtaivsubway-background: #35415A;
    --gtaivsubway-border: #1d2638;

	--TradeStats-accent: #ffffff;
	--TradeStats-background: #2b1c1d;
    --TradeStats-border: #d10814;
	
    /*soon to be defunct*/
    
	--theme-table-header-color: #2d6eb9;
	--theme-table-body-color: #3d3a34;
	--theme-table-header-text-color: #0F0F0F;
	--theme-table-body-text-color: #d9f8ff;
	--theme-table-body-altcolor: #4a5454;
}

/*global theme colors (applied to light and dark theme) - desktop & mobile*/
:root {
	/* generic colors */
	
    --theme-accent-text-color: #272727;/*    black text                  */
	--theme-text-uni-white:#E6E6E6;
	--theme-text-uni-black:#3A3A3A;
	
	/* staff colors */
	
	--theme-colors-staff-green: #4DFF00;/*   Bureaucrat                  */
    --theme-colors-staff-blue: #1589FF;/*    Administrator               */
    --theme-colors-staff-orange: #FF6600;/*  Patroller                   */
    --theme-colors-staff-orange2: #D16F24;/* Patroller on Probation      */
    --theme-colors-staff-purple: #E188FC;/*  Bot                         */
    
	/* template colors */
	
    --theme-rssc-color: #fcaf17;/*           RSSC template accent color  */
    
    /* game colors */
    
	--gtao-dlc-1:linear-gradient(90deg, #FDE957 30%, #70B4B6, #70B4B6);
	--gtao-dlc-2:linear-gradient(180deg, #f3f4f6, #E8D0D7);
	--gtao-dlc-3:linear-gradient(60deg, #b64d8b , #ff5bbd , #D7A4CB , #db2792 );
	--gtao-dlc-4:linear-gradient(180deg, #add8e6 60%, #77bcd3 );
	--gtao-dlc-5:linear-gradient(180deg, #ffd4d4 60%, #b36868 );
	--gtao-dlc-6:linear-gradient(180deg, #37c6bc 60%, #00807D );
	--gtao-dlc-7:linear-gradient(90deg, #426cfd, #becdf7, #426cfd, #becdf7, #bc2424, #ffb7bd, #bc2424, #ffb7bd, #bc2424, #ffb7bd, #bc2424);
	--gtao-dlc-8:#ff5e00;
	--gtao-dlc-9:linear-gradient(90deg, #E6C77B , #ed9369 , #EFB434 , #fd7b45 );
	--gtao-dlc-10:linear-gradient(90deg, #ff5858 8%, #55a855 13%, #d7e3d7 40%, #d7e3d7 63%, #55a855 82%, #ff5858 95%);
	--gtao-dlc-11:#348638;
	--gtao-dlc-12:linear-gradient(90deg, #f5e9ae, #beb38d, #bb9e34 54%);
	--gtao-dlc-13:linear-gradient(270deg, #f5e9ae, #beb38d, #bb9e34 54%);
	--gtao-dlc-14:linear-gradient(180deg, #8466E2 60%, #402e77 );
	--gtao-dlc-15:linear-gradient(90deg, #cb8e33 17%, #b03a93 63%);
	--gtao-dlc-16:linear-gradient(90deg, #8200C0 10px, #07Ff7A 90px, #8200C0);
	--gtao-dlc-17:linear-gradient(0deg, #bb2a2a, #fb443c);
	--gtao-dlc-18:linear-gradient(90deg, #de3c3c 24%, #63c163 47%, #63c163 61%, #de3c3c 70%);
	--gtao-dlc-19:linear-gradient(0deg, #7a57c3 9%, #ee7f53 50%);
	--gtao-dlc-20:linear-gradient(90deg, #6a0b09, #db3b32, #6a0b09);
	--gtao-dlc-21:linear-gradient(0deg, #8b5498, #68a1d7 10px, #8b5498);
	--gtao-dlc-22:linear-gradient(0deg, #6da665 23%, #d5f5d6 35%, #6c9466 78%);
	--gtao-dlc-23:repeating-linear-gradient(150deg, #0188C4 2%, #81cbeb 2%, #0188C4 9%, #81cbeb 22%, #E62529 42%, #ffc2c3 76%);
	--gtao-dlc-24:linear-gradient(180deg, #594242, #896a5f);
	--gtao-dlc-25:linear-gradient(180deg, #ECECEF 10px, #F3dd80 5px);
	--gtao-dlc-26:linear-gradient(0deg, white -12%, #087CBE);
	--gtao-dlc-27:linear-gradient(90deg,#7b837d, #929488, #b4b2a3, #878787);
	--gtao-dlc-28:linear-gradient(0deg, #bf1f29 2px, #c01318 4px, #dcb330 , #f99a70 );
	--gtao-dlc-29:linear-gradient(90deg, #6edfff , #055dde , #c52efb 80%);
	--gtao-dlc-30:linear-gradient(0deg, #48b423 3px, #d3f12f , #c4e50f );
	--gtao-dlc-31:radial-gradient(#02cffa, #052898);
	--gtao-dlc-32:linear-gradient(0deg, #1d63d3 , #a8a8d5 5px, #bd1319 );
	--gtao-dlc-33:radial-gradient(#9e51a1, #782a7d);
	--gtao-dlc-34:linear-gradient(0deg, #7c6aa0 , #cccde3 , #7c6aa0 );
	--gtao-dlc-35:linear-gradient(0deg, #e4447a , #9c86b9 , #0de0f7 );
	--gtao-dlc-36:linear-gradient(0deg, #fdea95 , #fda203 );
	--gtao-dlc-37:linear-gradient(0deg, #efe801 4px, #5efee2 , #06c2f1 , #0bcbd5 );
	--gtao-dlc-38:linear-gradient(0deg, #35a848 3px, #00f445 , #10b516 );
	--gtao-dlc-39:linear-gradient(0deg, #779646, #b3cc95, #779646);
	--gtao-dlc-40:radial-gradient(#ffe00b, #8b7217);
	--gtao-dlc-41:linear-gradient(0deg, #91bb4f, #1a5011);
	--gtao-dlc-42:linear-gradient(90deg, rgba(238,238,238,1) 45%, rgba(2,163,254,1) 55%);
	--gtao-dlc-43:white;
	--gtao-dlc-44:white;
	--gtao-dlc-45:white;
	
    --gtav-dlc-1: #F70FE8;
    --gtav-dlc-2: #2e72ff;
    --gtav-dlc-3: #00bcf5;
    
    --tbogt-dlc:linear-gradient(90deg, rgba(255,222,0,1) 0%, rgba(255,12,145,1) 54.54%, rgba(3,173,239,1) 100%);
    --tlad-dlc:red;/*temporary*/
}