Add 'cdn/css/branding.css'

This commit is contained in:
mitsuo_makuda committed 2022-10-12 14:00:55 +00:00
1 parent b276632714
commit 531541bb8e
1 file changed
+95
+95
View File
@@ -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;}
/* ------------------------------------------------------------------------------------------------------------------ */