docs-v2/assets/styles/themes/_theme-light.scss

/*

	LIGHT THEME
	____________________________________________________________

	Notes:
	- This file is interchangeable with themes/theme-dark.scss
	- Only contains color variables

*/

@import "tools/color-palette";

// General Styles
// --------------------------------------------------

$body-bg: $g18-cloud !default;
$body-gradient-top: $g19-ghost !default;
$body-gradient-bottom: $g17-whisper !default;
$radius: 3px !default;

// TopNav Colors
$topnav-link: $g8-storm !default;
$topnav-link-hover: $b-dodger !default;
$version-selector-top: $b-pool !default;
$version-selector-bottom: $cp-comet !default;
$theme-switch-light: none !default;
$theme-switch-dark: inline-block !default;

// Search
$sidebar-search-bg: $g20-white !default;
$sidebar-search-shadow: $g14-chromium !default;
$sidebar-search-highlight: $b-dodger !default;
$sidebar-search-text: $g8-storm !default;

// Left Navigation
$nav-category: $b-dodger !default;
$nav-category-hover: $cp-purple !default;
$nav-item: $np-rum !default;
$nav-item-hover: $cp-purple !default;
$nav-border: $g14-chromium !default;
$nav-toggle: $g20-white !default;
$nav-toggle-hover: $g20-white !default;
$nav-toggle-bg-hover: $cp-comet !default;
$nav-active: $m-magenta !default;

// Article Content
$article-bg: $g20-white !default;
$article-heading: $cp-purple !default;
$article-heading-alt: $g7-graphite !default;
$article-text: $g8-storm !default;
$article-bold: $g8-storm !default;
$article-link: $b-dodger !default;
$article-link-hover: $cp-purple !default;
$article-shadow: #c8cdd0 !default;
$article-hr: $g15-platinum !default;

// Article Code
$article-code: $cp-marguerite !default;
$article-code-bg: $cp-titan !default;
$article-code-accent1: $cp-melrose !default;
$article-code-accent2: $b-dodger !default;
$article-code-accent3: #12A290 !default;
$article-code-accent4: $o-ruby !default;
$article-code-accent5: #e24bbb !default;
$article-code-accent6: $b-dodger !default;
$article-code-accent7: #e90 !default;
$article-code-select:  $b-pool !default;
$article-code-link: $cp-marguerite !default;
$article-code-link-hover: $cp-marguerite !default;
$article-code-scrollbar: $cp-periwinkle !default;

// Article Tables
$article-table-header-left: $cp-marguerite !default;
$article-table-header-right: $b-laser !default;
$article-table-row-alt: #F6F7F8 !default;
$article-table-scrollbar: $b-horizon !default;

// Article Notes & Warnings
$article-note-base: $gr-rainforest !default;
$article-note-heading: $gr-emerald !default;
$article-note-text: $gr-emerald !default;
$article-note-link: rgba($gr-emerald, .75) !default;
$article-note-link-hover: $b-pool !default;
$article-note-table-header: $gr-viridian !default;
$article-note-table-row-alt: #d6f5e9 !default;
$article-note-table-scrollbar: $gr-emerald !default;
$article-note-shadow: #8cb7ab !default;
$article-note-code: #0A6f75 !default;
$article-note-code-bg: #d6f7ec !default;
$article-note-code-accent1: #6abba0 !default;
$article-note-code-accent2: #0084d6 !default;
$article-note-code-accent3: #5d52d6 !default;
$article-note-code-accent4: $o-ruby !default;
$article-note-code-accent5: #e24bbb !default;
$article-note-code-accent6: #0084d6 !default;
$article-note-code-accent7: #e90 !default;
$article-note-code-scrollbar: #87DABE !default;

$article-warn-base: $o-dreamsicle !default;
$article-warn-heading: $o-fire !default;
$article-warn-text: $o-curacao !default;
$article-warn-link: rgba($o-curacao, .75) !default;
$article-warn-link-hover: $b-sapphire !default;
$article-warn-table-header: $o-dreamsicle !default;
$article-warn-table-row-alt: #ffe6df !default;
$article-warn-table-scrollbar: $o-curacao !default;
$article-warn-shadow: #b98a7d !default;
$article-warn-code: #d0154e !default;
$article-warn-code-bg: #ffebeb !default;
$article-warn-code-accent1: #fd99b8 !default;
$article-warn-code-accent2: #357ae8 !default;
$article-warn-code-accent3: #6c59cc !default;
$article-warn-code-accent4: $o-ruby !default;
$article-warn-code-accent5: #6a0a6f !default;
$article-warn-code-accent6: #357ae8 !default;
$article-warn-code-accent7: #e90 !default;
$article-warn-code-scrollbar: #FFB1B1 !default;

$article-cloud-base: $b-laser !default;
$article-cloud-heading: $gr-emerald !default;
$article-cloud-text: $b-dodger !default;
$article-cloud-link: $b-dodger !default;
$article-cloud-link-hover: $gr-canopy !default;
$article-cloud-table-header: $gr-viridian !default;
$article-cloud-table-row-alt: #d6f5e9 !default;
$article-cloud-table-scrollbar: $b-dodger !default;
$article-cloud-shadow: #b98a7d !default;
$article-cloud-code: $b-sapphire !default;
$article-cloud-code-bg: rgba($b-pool, .25) !default;
$article-cloud-code-accent1: #6abba0 !default;
$article-cloud-code-accent2: #0084d6 !default;
$article-cloud-code-accent3: #5d52d6 !default;
$article-cloud-code-accent4: $o-ruby !default;
$article-cloud-code-accent5: #e24bbb !default;
$article-cloud-code-accent6: #0084d6 !default;
$article-cloud-code-accent7: #e90 !default;
$article-cloud-code-scrollbar: #87DABE !default;

$article-enterprise-base: $cp-comet !default;
$article-enterprise-text: $p-star !default;
$article-enterprise-link: $p-star !default;
$article-enterprise-link-hover: $b-dodger !default;

// Article Tabs for tabbed content
$article-tab-text: $g8-storm !default;
$article-tab-bg: $g18-cloud !default;
$article-tab-active-text: $g20-white !default;
$article-tab-active-bg: $b-pool !default;

$article-tab-code-text: $p-potassium !default;
$article-tab-code-bg: $g20-white !default;
$article-tab-code-text-hover: $g20-white !default;
$article-tab-code-bg-hover: $cp-comet !default;
$article-tab-code-active-text: $p-star !default;

// Article page buttons
$article-btn: $b-pool !default;
$article-btn-text: $g20-white !default;
$article-btn-hover: $b-dodger !default;
$article-btn-text-hover: $g20-white !default;

// Error Page Colors
$error-page-btn: $b-dodger !default;
$error-page-btn-text: $g20-white !default;
$error-page-btn-hover: $b-pool !default;
$error-page-btn-hover-text: $g20-white !default;

// Landing Page colors
$landing-lg-gradient-left: $b-dodger !default;
$landing-lg-gradient-right: $b-pool !default;
$landing-sm-gradient-left: $p-star !default;
$landing-sm-gradient-right: $cp-comet !default;
$landing-sm-gradient-overlay: $p-planet !default;