mirror of
https://github.com/docker/docs.git
synced 2026-03-27 22:38:54 +07:00
fef904be8d
* add DDS colors to docs and change main variables and style.scss sheet * find and replace colors from color-palette-2 and deprecate palette 2 * find and replace colors from color-palette-3 and deprecate palette 3 * more alignment with colors * change typography * typography tweaks * fix fonts * dark mode and accessibility * review changes * icons * icons * icons * accessibility fix on footer * review comments
65 lines
1.8 KiB
SCSS
Executable File
65 lines
1.8 KiB
SCSS
Executable File
|
|
@import "DS-colors";
|
|
|
|
|
|
/*
|
|
* global
|
|
*/
|
|
$headings: "Roboto", sans-serif;
|
|
$headings-landing: "Roboto", sans-serif;
|
|
$buttons: "Roboto", sans-serif;
|
|
$font: "Roboto", sans-serif;
|
|
$body-text-size: 14px;
|
|
$white: #fff;
|
|
$black: #000;
|
|
$top-navigation-height: 92px; // top navigation height is: nav (55px) + breadcrumbs (37px)
|
|
|
|
/*
|
|
* standard mode
|
|
*/
|
|
$body-text: $black;
|
|
$primary-links: $light-blue-600;
|
|
//
|
|
$bg-body: $white;
|
|
$bg-body-landing: $light-page-background;
|
|
$bg-header: $light-blue-500;
|
|
$bg-secondary: $light-blue-500;
|
|
$bg-sidebar: $light-page-background;
|
|
$bg-sidebar-active: $light-page-background;
|
|
$bg-footer: $white;
|
|
$bg-footer-landing: $light-grey-500;
|
|
$bg-component: $light-page-background;
|
|
$bg-card: $white;
|
|
|
|
// notes, warnings//
|
|
$note-color: $light-blue-500;
|
|
$important-color: $light-amber-500;
|
|
$warning-color: $light-red-700;
|
|
|
|
$slider-bg: $light-blue-200;
|
|
$slider-btn: $light-blue-500;
|
|
$table-head: $light-grey-200;
|
|
|
|
/*
|
|
* night mode
|
|
*/
|
|
$body-text-night: $white;
|
|
$primary-links-night: $dark-grey-700;
|
|
|
|
$bg-body-night: $dark-palette-background;
|
|
$bg-body-landing-night: $dark-palette-background;
|
|
$bg-header-night: $dark-blue-200;
|
|
$bg-secondary-night: $dark-grey-100;
|
|
$bg-sidebar-night: $dark-grey-100;
|
|
$bg-sidebar-night-active: $dark-grey-100;
|
|
$bg-footer-night: $dark-grey-100;
|
|
$bg-footer-landing-night: $dark-grey-100;
|
|
|
|
$bg-component-night: $dark-grey-200;
|
|
$bg-card-night: $dark-grey-200;
|
|
|
|
$active-sidebar-night: $dark-grey-800;
|
|
|
|
$bg-search-results-night: $black;
|
|
|