Letter used for Module DS Discovery Search Composer Topic Social and b

  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
/***************************
* 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;