|
|
|
//--------------------------------------------Red
|
|
|
|
$Red: #ee3552;
|
|
|
|
$RedShadow: rgba(255, 75, 90, 0.5);
|
|
|
|
$RedBackground: #fff8f9;
|
|
|
|
|
|
|
|
//--------------------------------------------Orange
|
|
|
|
$Orange: #FF6B57;
|
|
|
|
$OrangeShadow:rgba(255, 130, 46, 0.5);
|
|
|
|
$OrangeBackground: #fff9f8;
|
|
|
|
|
|
|
|
//--------------------------------------------Yellow
|
|
|
|
$Yellow: #ffc107;
|
|
|
|
$YellowShadow:rgba(234, 223, 131, 0.5);
|
|
|
|
$YellowBackground: #ffe5e9;
|
|
|
|
|
|
|
|
//--------------------------------------------Gold
|
|
|
|
$Gold: #ddcfbb;
|
|
|
|
$GoldShadow:rgba(234, 223, 131, 0.5);
|
|
|
|
$GoldBackground: #ffe5e9;
|
|
|
|
|
|
|
|
//--------------------------------------------Purple
|
|
|
|
$Purple:#ac3773;
|
|
|
|
$PurpleShadow:rgba(172, 55, 115, 0.5);
|
|
|
|
$PurpleBackground: #fff5fa;
|
|
|
|
|
|
|
|
//--------------------------------------------Blue
|
|
|
|
$Blue: #3498DB;
|
|
|
|
$BlueShadow:rgba(51, 152, 219, 1);
|
|
|
|
$BlueBackground: #ecf7ff;
|
|
|
|
|
|
|
|
//--------------------------------------------Green
|
|
|
|
$Green: #0d7e00;
|
|
|
|
$GreenShadow:rgba(13, 126, 0, 0.35);
|
|
|
|
$GreenBackground: #fbfffa;
|
|
|
|
|
|
|
|
//--------------------------------------------Cyan
|
|
|
|
$Cyan: #32c5d2;
|
|
|
|
$CyanShadow:rgba(50, 197, 210, 0.32);
|
|
|
|
$CyanBackground: #faffff;
|
|
|
|
|
|
|
|
//--------------------------------------------LightGray
|
|
|
|
$LightGray: #eeeeee;
|
|
|
|
$LightGrayShadow:rgba(107, 107, 107, 0.5);
|
|
|
|
$LightGrayBackground: #eeeeee;
|
|
|
|
|
|
|
|
//--------------------------------------------Gray
|
|
|
|
$Gray: #797979;
|
|
|
|
$GrayShadow:rgba(54, 54, 54, 0.5);
|
|
|
|
$GrayBackground: #ffe5e9;
|
|
|
|
|
|
|
|
//--------------------------------------------Brown
|
|
|
|
$Brown: #8b4513;
|
|
|
|
$BrownShadow:rgba(145, 81, 23, 0.5);
|
|
|
|
$BrownBackground: #ffe5e9;
|
|
|
|
|
|
|
|
//--------------------------------------------Black
|
|
|
|
$Black: #2f353b;
|
|
|
|
$BlackShadow:rgba(0, 0, 0, 0.5);
|
|
|
|
$BlackBackground: #e8e8e87a;
|
|
|
|
|
|
|
|
//--------------------------------------------White
|
|
|
|
$White: #fff;
|
|
|
|
$WhiteShadow:rgba(255, 255, 255, 0.2);
|
|
|
|
$WhiteBackground: #ffe5e9;
|
|
|
|
|
|
|
|
//--------------------------------------------Teal
|
|
|
|
$Teal: #00897b;
|
|
|
|
$TealShadow:rgba(0, 137, 123, 0.2);
|
|
|
|
$TealBackground: #ffe5e9;
|
|
|
|
|
|
|
|
|
|
|
|
$Colors: (Red: $Red, Orange: $Orange, Yellow: $Yellow, Gold: $Gold, Purple: $Purple, Blue: $Blue, Green: $Green, Cyan: $Cyan, LightGray: $LightGray, Gray: $Gray, Brown: $Brown, Black: $Black, White: $White);
|
|
|
|
$colors: (red: $Red, orange: $Orange, yellow: $Yellow, gold: $Gold, purple: $Purple, blue: $Blue, green: $Green, cyan: $Cyan, light-gray: $LightGray, gray: $Gray, brown: $Brown, black: $Black, white: $White, tael: $Teal);
|
|
|
|
$Shadows: (red: $RedShadow, orange: $OrangeShadow, yellow: $YellowShadow, gold: $GoldShadow, purple: $PurpleShadow, blue: $BlueShadow, green: $GreenShadow, cyan: $CyanShadow, gray: $GrayShadow, 'grey.lighten-3': $LightGrayShadow, brown: $BrownShadow, black: $BlackShadow, white: $WhiteShadow, teal: $TealShadow);
|
|
|
|
$backgrounds: (red: $RedBackground, orange: $OrangeBackground, yellow: $YellowBackground, gold: $GoldBackground, purple: $PurpleBackground, blue: $BlueBackground, green: $GreenBackground, cyan: $CyanBackground, gray: $GrayBackground, 'grey.lighten-3': $LightGrayBackground, brown: $BrownBackground, black: $BlackBackground, white: $WhiteBackground, teal: $TealBackground);
|
|
|
|
:root {
|
|
|
|
--color-red: #ee3552;
|
|
|
|
--color-orange: #ff6b57;
|
|
|
|
--color-yellow: #ffc107;
|
|
|
|
--color-gold: #ddcfbb;
|
|
|
|
--color-purple: #ac3773;
|
|
|
|
--color-pink: #e94c8f;
|
|
|
|
--color-cyan: #32c5d2;
|
|
|
|
--color-blue: #1875BB;
|
|
|
|
--color-dark-blue: #04314B;
|
|
|
|
--color-green: #0d7e00;
|
|
|
|
--color-white: #fff;
|
|
|
|
--color-gray: #828282;
|
|
|
|
--color-brown: #915117;
|
|
|
|
--color-black: #000;
|
|
|
|
--color-dark: #000;
|
|
|
|
--color-light-gray: #e6e6e6;
|
|
|
|
--color-light-blue: #C9D3EC;
|
|
|
|
--color-link-hover: #181b31;
|
|
|
|
//-------------------------------------------Module Colors
|
|
|
|
|
|
|
|
//-------------------------misc
|
|
|
|
--color-task: #ac3773;
|
|
|
|
--color-gallery: #000;
|
|
|
|
--color-sms: #ff6b57;
|
|
|
|
--color-authorize: #0d7e00;
|
|
|
|
|
|
|
|
//-------------------------portfolio
|
|
|
|
--color-portfolio: #915117;
|
|
|
|
|
|
|
|
|
|
|
|
//-------------------------CRM
|
|
|
|
--color-client: #32c5d2;
|
|
|
|
|
|
|
|
//-------------------------blog
|
|
|
|
--color-blog-news: #ff6b57;
|
|
|
|
--color-blog-article: #000;
|
|
|
|
|
|
|
|
//-------------------------product
|
|
|
|
--color-product: #32c5d2;
|
|
|
|
--color-translation: #1875BB;
|
|
|
|
--color-brand: #ac3773;
|
|
|
|
--color-pricing-method: #ac3773;
|
|
|
|
--color-product-variation: #ffc107;
|
|
|
|
--color-product-option: #ddcfbb;
|
|
|
|
|
|
|
|
//-------------------------service
|
|
|
|
--color-service: #ee3552;
|
|
|
|
|
|
|
|
|
|
|
|
//-------------------------wms
|
|
|
|
--color-wms-incoming: #32c5d2;
|
|
|
|
--color-wms-outgoing: #ee3552;
|
|
|
|
--color-wms: #000;
|
|
|
|
|
|
|
|
//-------------------------store
|
|
|
|
--color-store-product: #ee3552;
|
|
|
|
--color-store-service: #ff6b57;
|
|
|
|
--color-store-order: #32c5d2;
|
|
|
|
--color-store: #000;
|
|
|
|
|
|
|
|
//-------------------------Order
|
|
|
|
--color-order: #32c5d2;
|
|
|
|
--color-shipping-fee: #ff6b57;
|
|
|
|
|
|
|
|
}
|