99 lines
1.7 KiB
SCSS
99 lines
1.7 KiB
SCSS
//
|
|
// solana-variables.scss
|
|
// Use this to overwrite Bootstrap and Dashkit variables
|
|
//
|
|
|
|
// Example of a variable override to change Dashkit's background color
|
|
// Remove the "//" to comment it in and see it in action!
|
|
$body-bg: #f9fdfc !default;
|
|
|
|
// Colors
|
|
|
|
$white: #ffffff !default;
|
|
$gray-100: #f9fdfc;
|
|
$gray-200: #f1f8f6;
|
|
$gray-300: #e5ebe9;
|
|
$gray-400: #c6e6de;
|
|
$gray-500: #abd5c6;
|
|
$gray-600: #86b8b6;
|
|
$gray-700: #698582;
|
|
$gray-800: #387462;
|
|
$gray-900: #1b4e3f;
|
|
$black: #232323;
|
|
|
|
$rainbow-1: #fa62fc;
|
|
$rainbow-2: #be84e8;
|
|
$rainbow-3: #79abd2;
|
|
$rainbow-4: #38d0bd;
|
|
$rainbow-5: #1dd79b;
|
|
|
|
$primary: #42ba96 !default;
|
|
$primary-dark: #33a382 !default;
|
|
$success: #19be56 !default;
|
|
$secondary: $gray-700;
|
|
$danger: #b45be1;
|
|
$warning: #d83aeb !default;
|
|
$info: #43b5c5 !default;
|
|
$light: $gray-100;
|
|
$dark: $gray-900;
|
|
|
|
$theme-colors: (
|
|
"black": $black,
|
|
"gray": $gray-900,
|
|
) !default;
|
|
|
|
$card-border-color: $gray-300 !default;
|
|
$input-group-addon-color: $gray-900 !default;
|
|
$navbar-light-active-color: $primary-dark;
|
|
$link-color: $primary-dark;
|
|
|
|
// Global
|
|
|
|
$font-family-base: "Rubik";
|
|
.display-2 {
|
|
font-family: Saira, Helvetica, sans-serif;
|
|
}
|
|
|
|
.text-rainbow {
|
|
background: linear-gradient(0.3turn, #e400ff, #00ffbd);
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
|
|
.bg-rainbow {
|
|
background: linear-gradient(0.3turn, #e400ff, #00ffbd);
|
|
}
|
|
|
|
.bg-rainbow-1 {
|
|
background: #fa62fc;
|
|
}
|
|
.bg-rainbow-2 {
|
|
background: #be84e8;
|
|
}
|
|
.bg-rainbow-3 {
|
|
background: #79abd2;
|
|
}
|
|
.bg-rainbow-4 {
|
|
background: #38d0bd;
|
|
}
|
|
.bg-rainbow-5 {
|
|
background: #1dd79b;
|
|
}
|
|
|
|
.text-rainbow-1 {
|
|
color: #fa62fc;
|
|
}
|
|
.text-rainbow-2 {
|
|
color: #be84e8;
|
|
}
|
|
.text-rainbow-3 {
|
|
color: #79abd2;
|
|
}
|
|
.text-rainbow-4 {
|
|
color: #38d0bd;
|
|
}
|
|
.text-rainbow-5 {
|
|
color: #1dd79b;
|
|
}
|