You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.9 KiB
55 lines
1.9 KiB
////////////////////////////////////////////////////
|
|
// ------ C O L O R S ------------------------------
|
|
////////////////////////////////////////////////////
|
|
// Theme Colors
|
|
$colorPrimary: #1E74FD;
|
|
$colorSecondary: #6C7C94;
|
|
$colorSuccess: #34C759;
|
|
$colorDanger: #EC4433;
|
|
$colorWarning: #FE9500;
|
|
$colorInfo: #592BCA;
|
|
// Background
|
|
$colorBackground: #F9F9F9;
|
|
// Line Colors
|
|
$colorLine: #E1E1E1;
|
|
// Text Colors
|
|
$colorHeading: #141515;
|
|
$colorText: #4F5050;
|
|
$colorLight: #A1A1A2;
|
|
|
|
// Dark Mode Colors
|
|
$darkModeBackground: #0c1624;
|
|
$darkModeContentBackground: #0F1C2F;
|
|
$darkModeColorHeading: #FFFFFF;
|
|
$darkModeColorText: #8195a6;
|
|
$darkModeColorLight: #586d7f;
|
|
$darkModeColorLine: #1B283B;
|
|
|
|
////////////////////////////////////////////////////
|
|
// ------ FONT ------------------------------
|
|
////////////////////////////////////////////////////
|
|
// Google font
|
|
@import url('https://fonts.googleapis.com/css?family=Inter:400,500,700&display=swap');
|
|
|
|
// Font Family
|
|
$fontFamily: 'Inter', sans-serif;
|
|
// Define font weight
|
|
$regular : 400; // font regular
|
|
$medium : 500; // font medium (if font does not support medium, define the semibold)
|
|
$bold : 700; // font bold or black
|
|
// Typography
|
|
$lineHeight: 1.55rem;
|
|
$letterSpacing: -0.015rem;
|
|
// Sizes
|
|
$fontSizeHeadingXLarge: 34px;
|
|
$fontSizeHeadingLarge: 24px;
|
|
$fontSizeHeading: 17px;
|
|
$fontSize: 15px;
|
|
$fontSizeSub: 13px;
|
|
$fontSizeCaption: 11px;
|
|
|
|
////////////////////////////////////////////////////
|
|
// ------ OTHERS -----------------------------------
|
|
////////////////////////////////////////////////////
|
|
$borderRadius: 6px;
|
|
$boxShadow : 0 3px 6px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.08);
|
|
|