90 lines
2.2 KiB
SCSS
90 lines
2.2 KiB
SCSS
// some colours from DSFR
|
||
$white: #fff;
|
||
$beige: #f9f8f6;
|
||
|
||
$blue-france-700: #00006D;
|
||
$blue-france-500: #000091;
|
||
$blue-france-400: #7F7FC8;
|
||
|
||
$grey-800: #1e1e1e;
|
||
$grey-700: #383838;
|
||
$grey-600: #6a6a6a;
|
||
$grey-500: #9c9c9c;
|
||
$grey-400: #cecece;
|
||
$grey-200: #f0f0f0;
|
||
$grey-100: #f8f8f8;
|
||
|
||
$info: #0762c8;
|
||
$success: #008941;
|
||
$warning: #fa5c00;
|
||
$error-425: #ce0500;
|
||
$error-525: #f60700;
|
||
$color-focus: #2a7ffe;
|
||
|
||
// other colours
|
||
$background-contrast-grey: #eeeeee;
|
||
$border-default-blue-france: #6a6af4;
|
||
|
||
@import '../includes/fonts/marianne';
|
||
@import '../includes/fonts/spectral';
|
||
|
||
// publik
|
||
$primary-color: $blue-france-500;
|
||
$navigation-focus-hover-color: #e5e5f4; // curiously not defined above
|
||
|
||
$font-family: Marianne, Arial, sans-serif;
|
||
$font-size: 16px;
|
||
$font-color: $grey-700;
|
||
|
||
$notification_error_color: $error-425;
|
||
$notification_warning_color: $warning;
|
||
$notification_success_color: $success;
|
||
$notification_info_color: $info;
|
||
$notification-style: border-bar;
|
||
|
||
$width: 1200px;
|
||
|
||
$link-color: $font-color;
|
||
|
||
$button-background: white;
|
||
$button-color: $blue-france-500;
|
||
$button-border: 1px solid $blue-france-500;
|
||
$button-hover-background: $grey-200;
|
||
|
||
$widget-background: $grey-200;
|
||
$widget-border: none;
|
||
$widget-color: $grey-800;
|
||
$widget-focus-outline: 2px solid $color-focus;
|
||
$widget-focus-outline-offset: 2px;
|
||
$widget-custom-radio-checkbox: true;
|
||
$widget-custom-radio-checkbox-color: $blue-france-500;
|
||
$widget-custom-radio-checkbox-border-color: $grey-800;
|
||
$widget-custom-radio-checkbox-marker-color: $blue-france-500;
|
||
$field-on-error-style: custom;
|
||
|
||
$footer-background: white;
|
||
$footer-color: $font-color;
|
||
|
||
$nav-item-selected-mode: bottom-border;
|
||
$nav-active-color: $blue-france-500;
|
||
$nav-submenu-color: $font-color;
|
||
$nav-button-background: white;
|
||
$nav-button-color: $grey-700;
|
||
$nav-menu-side: 32px;
|
||
|
||
$title-background: transparent;
|
||
$title-font-size: 2rem;
|
||
$title-color: $grey-800;
|
||
$title-weight: bold;
|
||
$cell-background: $beige;
|
||
$cell-border: none;
|
||
|
||
$or-separator: false;
|
||
$cell-open-foldable-icon: "+"; // plus
|
||
$cell-close-foldable-icon: "−"; // minus
|
||
$buttons-order: previous, cancel (grow), submit;
|
||
|
||
$timetable-cell-hover-background: $grey-200;
|
||
$timetable-cell-selected-background: $primary-color;
|
||
$timetable-cell-selected-color: white;
|