/***************************
* Letter used for Module
DS = Discovery Search
C = Composer
T = Topic
*****************************/
/***************************
* Social and brand color code
*****************************/
@youtube: #b31217;
@facebook: #3b5998;
@reddit: #ff4500;
@twitter: #00aced;
@linked: #007bb6;
@wordpress: #0073aa;
@pinterest: #cb2027;
@tumblr: #395875;
@medium: #00ad6c;
@instagram: #9b36b7;
@google: #d34836;
@google-b: #4780e7;
/***************************
* Common color scheme codes
*****************************/
@white:#ffffff;
@body:#f5f9fc;
@black:#000000;
@darkBlack:#455164;
@red:#ea7070;
@red_2:#db5353;
@red_pink:#f36a96;
@pink3:#ff3366;
@pink4:#fa6ab6;
@pink5: #e74173;
@offWhite:#f2f5f7;
@offWhite2:#fafafa;
@green:#1ecb7b;
@green2:#00c489;
@orange:#ff9300;
@orange2:#ff5f31;
@darkGreen:#21759b;
@grayDark:#CCD1E6;
@purpleLight:#b36ced;
@purple2:#864de9;
/***************************************
* DISCOVERY -- Module color scheme codes
***************************************/
@ds-royalBlue:#4165ed; // top menu background // used for active tab background and filter tab active icon color
@ds-royalBlueMedium:#436aff; // search input button background // article box button icon color // layout change grid / list background
@ds-royalBlueLight:#9cbbff; // search input button background // article box button icon color // layout change grid / list background
@ds-royalBlueDark:#324380; // article box button text color
@ds-royalBlueDark_2:#1e3585; // article box label background
@ds-royalBlueDark_3:#284cd5; // article box label background
@ds-blueLight:#4e92ff; // used for link in article box // author name
@ds-lightGray:#989eb5; // search navigation font color // search filter tab icon color
@ds-lightGray_2:#edf1fc;// social tab background // search filter tab background
@ds-lightGray_3:#c3cbeb; // social tab icon background // search input border color
@ds-lightGray_4:#979ea6; // filter dropdown color
@ds-lightGray_5:#bcc5cf; // filter dropdown icon color
@ds-lightGray_6:#f2f7fa; // Article button background
@ds-lightGray_7:#cad5db; // article social stats background color
@ds-lightGray_8:#98aab5; // article box detail time and domain name
@ds-lightGray_9:#b8bdd1; // sidebar bottom background
@ds-lightGray_10:#e5e9f7; //sidebar link hover background
@ds-lightGray_11:#ebeef7; //sidebar link right button background
@ds-lightGray_12:#E6F2FA; // Article button background
@ds-lightGray_13:#80858d; // Article button background
@ds-lightGray_14:#b7bbcb; // Article button background
@ds-lightGray_15:#c8ccd4; // Article button background
@ds-lightGray_16:#f5f5f6; // Article button background
@ds-lightGray_17:#eeeff1; // Article button background
@ds-darkGray:#4a4a4a; // article social stats text color
@ds-darkGray_2:#757c9b; // article box author
@ds-darkGray_3:#5c5c5c; // article social stats text color
@ds-yellow:#ffaf2e; // article social stats text color
@ds-lightBlue:#38b2ff; // article social stats text color
/***************************************
* TOPIC -- Module color scheme codes
***************************************/
@t-lightSkyBlue:#f4f9fd;
@t-lightGray:#f0f3f5;
/***************************************
* COMPOSER -- Module color scheme codes
***************************************/
@c-darkBlack:#3a4557;
@c-lightSkyeGreen:#ebf3f7;
@c-gray1:#ccd1e6;
@c-gray2:#cbced9;
@c-gray3:#f5f5f5;
@c-darkOrange:#b57e00;
@c-lightOrange:#ffefcc;
@c-lightOrange2:#ffd372;
/***************************************
* AUTHENTICATION -- Module color scheme codes
***************************************/
@auth-mediumPurple:#807bff;
/******************* will remove one by one -- Extra color codes ********************/
@border_1:#b3b6c4;
@color1:#6f8cc7;
@color2:rgba(145, 169, 219, 0.89);
@color3:#c3cde2;
@color4:#1da1f2;
@color5:#80cfff;
@color6:#0078b5;
@color7:#48a0cc;
@color8:#84ccf0;
@color9:#cb2026;
@color10:#de5d61;
@color11:#fa9397;
@color12:#39475d;
@color13:#75849a;
@color14:#b9c5d6;
/***************************
* name -- Module color scheme
*****************************/
// addon section
@gray_bg:#F7F8FC;
@gray_bg2:#F7F8FC;
@darkBlue:#356ae6;
@purple:#9265e9;
@lightBlack:#68737f;
//contentstudio website colors
@yellow:#fcb960;
@lightBlue:#4fa1fa;
@BluePurple:#4048f0;
@darkBlack1:#3a4557;
@BlackBlue:#01287e;
@pink:#ff3366;