tubesync/app/common/static/styles/_colours.scss

58 lines
2.0 KiB
SCSS

$colour-white: #ffffff;
$colour-black: #000000;
$colour-near-black: #011627;
$colour-near-white: #fdfffc;
$colour-light-blue: #2e8ac4;
$colour-red: #e71d36;
$colour-orange: #ef9912;
$background-colour: $colour-near-white;
$text-colour: $colour-near-black;
$header-background-colour: $colour-red;
$header-text-colour: $colour-near-white;
$nav-background-colour: $colour-near-black;
$nav-text-colour: $colour-near-white;
$nav-link-background-hover-colour: $colour-orange;
$main-button-background-colour: $colour-light-blue;
$main-button-background-hover-colour: $colour-orange;
$main-button-text-colour: $colour-near-white;
$main-link-colour: $colour-light-blue;
$main-link-hover-colour: $colour-orange;
$footer-background-colour: $colour-red;
$footer-text-colour: $colour-near-white;
$footer-link-colour: $colour-near-black;
$footer-link-hover-colour: $colour-orange;
$form-label-text-colour: $colour-near-black;
$form-input-border-colour: $colour-light-blue;
$form-input-border-active-colour: $colour-orange;
$form-select-border-colour: $colour-light-blue;
$form-error-background-colour: $colour-red;
$form-error-text-colour: $colour-near-white;
$form-help-text-colour: $colour-light-blue;
$form-delete-button-background-colour: $colour-red;
$collection-no-items-text-colour: $colour-near-black;
$collection-background-hover-colour: $colour-orange;
$collection-text-hover-colour: $colour-near-white;
$box-error-background-colour: $colour-red;
$box-error-text-colour: $colour-near-white;
$pagination-background-colour: $colour-near-white;
$pagination-text-colour: $colour-near-black;
$pagination-border-colour: $colour-light-blue;
$pagination-background-hover-colour: $colour-light-blue;
$pagination-text-hover-colour: $colour-near-white;
$pagination-border-hover-colour: $colour-light-blue;
$pagination-current-background-colour: $colour-orange;
$pagination-current-text-colour: $colour-near-white;
$pagination-current-border-colour: $colour-orange;
$infobox-background-colour: $colour-near-white;
$infobox-text-colour: $colour-near-black;