FM / scss

/var/www/flurhymez/resources/scss

Name	Size	Mode	Actions
web-dark.scss	219	0644	edit dl rm
web.scss	214	0644	edit dl rm
_basic.scss	2447	0644	edit dl rm
_components.scss	15616	0644	edit dl rm
_helpers.scss	1538	0644	edit dl rm
_sections.scss	18953	0644	edit dl rm
_variables-dark.scss	1461	0644	edit dl rm
_variables.scss	1455	0644	edit dl rm

Edit: /var/www/flurhymez/resources/scss/_variables-dark.scss (1461B)

//
// Theme Variables
// --------------------------------------------------

// Theme Colors

$primary: #903f98;
$secondary: #ffe17f;
$success: #50cd89;
$info: #7239ea;
$warning: #ffc700;
$danger: #f1416c;
$light: #3c004a;
$dark: #3c004a;
$darken: #2f003a;

$body-bg: $darken;
$body-color: #fff;
$text-color: #a894ac;
$border-color: $secondary;

// Theme Font

$fontLink: "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";
$RTLFontLink: "https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap";

//
// Customize Bootstrap
// --------------------------------------------------

// Colors Contrast Ratio

$min-contrast-ratio: 1.45;

// Focus Shadow

$input-btn-focus-box-shadow: none !important;
$form-select-focus-box-shadow: none !important;

// Border Radius

$border-radius: 0.475rem;
$border-radius-sm: 0.4rem;
$border-radius-lg: 0.525rem;
$border-radius-pill: 50rem;

$badge-border-radius: 0.25rem;

// Colors

$theme-colors: (
    "primary": $primary,
    "secondary": $secondary,
    "success": $success,
    "info": $info,
    "warning": $warning,
    "danger": $danger,
    "light": $light,
    "dark": $dark,
    "textcolor": $text-color,
);

// Container Width

$container-max-widths: (
    sm: 540px,
    md: 720px,
    lg: 960px,
    xl: 1140px,
    xxl: 1320px,
);

// Placeholder Color

$input-placeholder-color: $text-color;

// RFS

$rfs-breakpoint: 1500px;

// // Theme Variables // -------------------------------------------------- // Theme Colors $primary: #903f98; $secondary: #ffe17f; $success: #50cd89; $info: #7239ea; $warning: #ffc700; $danger: #f1416c; $light: #3c004a; $dark: #3c004a; $darken: #2f003a; $body-bg: $darken; $body-color: #fff; $text-color: #a894ac; $border-color: $secondary; // Theme Font $fontLink: "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap"; $RTLFontLink: "https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap"; // // Customize Bootstrap // -------------------------------------------------- // Colors Contrast Ratio $min-contrast-ratio: 1.45; // Focus Shadow $input-btn-focus-box-shadow: none !important; $form-select-focus-box-shadow: none !important; // Border Radius $border-radius: 0.475rem; $border-radius-sm: 0.4rem; $border-radius-lg: 0.525rem; $border-radius-pill: 50rem; $badge-border-radius: 0.25rem; // Colors $theme-colors: ( "primary": $primary, "secondary": $secondary, "success": $success, "info": $info, "warning": $warning, "danger": $danger, "light": $light, "dark": $dark, "textcolor": $text-color, ); // Container Width $container-max-widths: ( sm: 540px, md: 720px, lg: 960px, xl: 1140px, xxl: 1320px, ); // Placeholder Color $input-placeholder-color: $text-color; // RFS $rfs-breakpoint: 1500px;