From 531541bb8ea10dcc8910ccf9c5b3b2ecfc500b97 Mon Sep 17 00:00:00 2001 From: Mitsuo Makuda Date: Wed, 12 Oct 2022 14:00:55 +0000 Subject: [PATCH] Add 'cdn/css/branding.css' --- cdn/css/branding.css | 95 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 95 insertions(+) create mode 100644 cdn/css/branding.css diff --git a/cdn/css/branding.css b/cdn/css/branding.css new file mode 100644 index 0000000..b60a980 --- /dev/null +++ b/cdn/css/branding.css @@ -0,0 +1,95 @@ +/* This document is for all of the branding that is meant to be used on the website */ + +/* Fixing the theme code */ +.card-dark {background-color: #202225; color: #FFFFFF;} + +/* ------------------------------------------------------------------------------------------------------------------ */ + +/* Branding - Primary Branding - Background */ + .bg-primarybrand {background-color: #8B2D59;} +/* Dark Moderate Pink */ .bg-primarybrand-websafe {background-color: #993366;} +/* systemPurple */ .bg-primarybrand-human {background-color: #BF5AF2;} +/* Pink 800 */ .bg-primarybrand-material {background-color: #AD1457;} +/* Magenta */ .bg-primarybrand-fluent {background-color: #BF0077;} +/* Magenta */ .bg-primarybrand-wp8 {background-color: #D80073;} + +/* Branding - Primary Branding - Foreground */ + .fg-primarybrand {color: #8B2D59;} +/* Dark Moderate Pink */ .fg-primarybrand-websafe {color: #993366;} +/* systemPurple */ .fg-primarybrand-human {color: #BF5AF2;} +/* Pink 800 */ .fg-primarybrand-material {color: #AD1457;} +/* Strong Pink */ .fg-primarybrand-fluent {color: #BF0077;} +/* Magenta */ .fg-primarybrand-wp8 {color: #D80073;} + +/* Branding - Secondary Branding - Foreground (Hover) */ + .fg-primarybrand:hover {color: #8B2D59;} +/* Dark Moderate Pink */ .fg-primarybrand-websafe:hover {color: #993366;} +/* systemPurple */ .fg-primarybrand-human:hover {color: #BF5AF2;} +/* Pink 800 */ .fg-primarybrand-material:hover {color: #AD1457;} +/* Magenta */ .fg-primarybrand-fluent:hover {color: #BF0077;} +/* Magenta */ .fg-primarybrand-wp8:hover {color: #D80073;} + +/* ------------------------------------------------------------------------------------------------------------------ */ + +/* Branding - Secondary Branding - Background */ + .bg-secondarybrand {background-color: #F9D7E8;} +/* Very pale magenta */ .bg-secondarybrand-websafe {background-color: #FFCCFF;} +/* systemPink */ .bg-secondarybrand-human {background-color: #FF375F;} +/* Pink 100 */ .bg-secondarybrand-material {background-color: #F8BBD0;} +/* Pure Pink */ .bg-secondarybrand-fluent {background-color: #EA005E;} +/* Soft Pink */ .bg-secondarybrand-wp8 {background-color: #F472D0;} + +/* Branding - Secondary Branding - Foreground */ + .fg-secondarybrand {color: #F9D7E8;} +/* Very pale magenta */ .fg-secondarybrand-websafe {color: #FFCCFF;} +/* systemPink */ .fg-secondarybrand-human {color: #FF375F;} +/* Pink 100 */ .fg-secondarybrand-material {color: #F8BBD0;} +/* Pure Pink */ .fg-secondarybrand-fluent {color: #EA005E;} +/* Soft Pink */ .fg-secondarybrand-wp8 {color: #F472D0;} + +/* Branding - Secondary Branding - Foreground (Hover) */ + .fg-secondarybrand:hover {color: #F9D7E8;} +/* Very pale magenta */ .fg-secondarybrand-websafe:hover {color: #FFCCFF;} +/* systemPink */ .fg-secondarybrand-human:hover {color: #FF375F;} +/* Pink 100 */ .fg-secondarybrand-material:hover {color: #F8BBD0;} +/* Pure Pink */ .fg-secondarybrand-fluent:hover {color: #EA005E;} +/* Soft Pink */ .fg-secondarybrand-wp8:hover {color: #F472D0;} + +/* ------------------------------------------------------------------------------------------------------------------ */ + +/* Branding - Partner Branding - Background */ + .bg-partnershipbrand {background-color: #2D598B;} +/* Dark Moderate Blue */ .bg-partnershipbrand-websafe {background-color: #336699;} +/* systemBlue */ .bg-partnershipbrand-human {background-color: #0A84FF;} +/* Blue 800 */ .bg-partnershipbrand-material {background-color: #1565C0;} +/* Dark Blue */ .bg-partnershipbrand-fluent {background-color: #0063B1;} +/* Cobalt */ .bg-partnershipbrand-wp8 {background-color: #0050EF;} + +/* Branding - Partner Branding - Foreground */ + .fg-partnershipbrand {color: #2D598B;} +/* Dark Moderate Blue */ .fg-partnershipbrand-websafe {color: #336699;} +/* systemBlue */ .fg-partnershipbrand-human {color: #0A84FF;} +/* Blue 800 */ .fg-partnershipbrand-material {color: #1565C0;} +/* Dark Blue */ .fg-partnershipbrand-fluent {color: #0063B1;} +/* Cobalt */ .fg-partnershipbrand-wp8 {color: #0050EF;} + +/* Branding - Partner Branding - Foreground (Hover) */ + .fg-partnershipbrand:hover {color: #2D598B;} +/* Dark Moderate Blue */ .fg-partnershipbrand-websafe:hover {color: #336699;} +/* systemBlue */ .fg-partnershipbrand-human:hover {color: #0A84FF;} +/* Blue 800 */ .fg-partnershipbrand-material:hover {color: #1565C0;} +/* Dark Blue */ .fg-partnershipbrand-fluent:hover {color: #0063B1;} +/* Cobalt */ .fg-partnershipbrand-wp8:hover {color: #0050EF;} + +/* ------------------------------------------------------------------------------------------------------------------ */ + +/* Branding - Patreon Branding - Background */ +/* Light Red */ .bg-patreon {background-color: #FF424D;} + +/* Branding - Patreon Branding - Foreground */ +/* Light Red */ .fg-patreon {color: #FF424D;} + +/* Branding - Patreon Branding - Foreground (Hover) */ +/* Light Red */ .fg-patreon:hover {color: #FF424D;} + +/* ------------------------------------------------------------------------------------------------------------------ */