mirror of
https://github.com/mwalbeck/nextcloud-breeze-dark.git
synced 2024-11-08 17:36:54 +00:00
92 lines
3.7 KiB
SCSS
92 lines
3.7 KiB
SCSS
/***
|
|
* @copyright Copyright (c) 2019, Magnus Walbeck <mw@mwalbeck.org>
|
|
*
|
|
* @license GNU AGPL version 3 or any later version, see COPYING file for more.
|
|
*/
|
|
|
|
:root {
|
|
// Primary Breeze colours
|
|
--color-paper-white: rgba(252, 252, 252, 1);
|
|
--color-cardboard-gray: rgba(239, 240, 241, 1);
|
|
--color-icon-gray: rgba(77, 77, 77, 1);
|
|
--color-charcoal-gray: rgba(49, 54, 59, 1);
|
|
--color-shade-black: rgba(35, 38, 41, 1);
|
|
--color-plasma-blue: rgba(61, 174, 233, 1);
|
|
|
|
// Secondary Breeze colours
|
|
--color-icon-red: rgba(218, 68, 83, 1);
|
|
--color-danger-red: rgba(237, 21, 21, 1);
|
|
--color-beware-orange: rgba(246, 116, 0, 1);
|
|
--color-icon-yellow: rgba(253, 188, 75, 1);
|
|
--color-sunbeam-yellow: rgba(201, 206, 59, 1);
|
|
--color-verdant-green: rgba(17, 209, 22, 1);
|
|
--color-icon-blue: rgba(29, 153, 243, 1);
|
|
|
|
// Other Breeze Colours
|
|
--color-noble-fir: rgba(39, 174, 96, 1);
|
|
--color-abyss-blue: rgba(41, 128, 185, 1);
|
|
--color-coastal-fog: rgba(127, 140, 141, 1);
|
|
--color-alternate-gray: rgba(189, 195, 199, 1);
|
|
|
|
// An approximation of the blue hover colour seen in breeze dark
|
|
--color-hover-blue: rgba(61, 174, 233, 0.4);
|
|
// An approximation of the grey border colour seen in breeze dark
|
|
--color-border-grey: rgba(103, 107, 110, 1);
|
|
|
|
--color-main-text: var(--color-cardboard-gray) !important;
|
|
--color-main-background: var(--color-charcoal-gray) !important;
|
|
--color-main-background-translucent: var(--color-main-background) !important;
|
|
|
|
--color-background-hover: var(--color-hover-blue) !important;
|
|
--color-background-dark: var(--color-main-background) !important;
|
|
--color-background-darker: var(--color-shade-black) !important;
|
|
|
|
--color-primary: var(--color-plasma-blue) !important;
|
|
--color-primary-light: var(--color-primary) !important;
|
|
--color-primary-text: var(--color-paper-white) !important;
|
|
--color-primary-text-dark: var(--color-main-text) !important;
|
|
--color-primary-element: var(--color-primary) !important;
|
|
--color-primary-element-light: var(--color-primary) !important;
|
|
|
|
--color-error: var(--color-icon-red) !important;
|
|
--color-warning: var(--color-beware-orange) !important;
|
|
--color-neutral: var(--color-sunbeam-yellow) !important;
|
|
--color-success: var(--color-noble-fir) !important;
|
|
|
|
--color-text-maxcontrast: var(--color-alternate-gray) !important;
|
|
--color-text-light: var(--color-main-text) !important;
|
|
--color-text-lighter: var(--color-text-maxcontrast) !important;
|
|
--color-text-dark: rgba(0, 0, 0, 1) !important;
|
|
--color-text-selection: var(--color-hover-blue) !important;
|
|
|
|
--color-loading-light: var(--color-alternate-gray) !important;
|
|
--color-loading-dark: var(--color-coastal-fog) !important;
|
|
|
|
--color-box-shadow: rgba(0, 0, 0, 0) !important;
|
|
|
|
--color-border: var(--color-border-grey) !important;
|
|
--color-border-dark: var(--color-border) !important;
|
|
// --border-radius: $border-radius;
|
|
// --border-radius-large: $border-radius-large;
|
|
// --border-radius-pill: $border-radius-pill;
|
|
|
|
--color-icon: rgba(242, 242, 242, 1);
|
|
|
|
// OLD ONES THAT MIGHT NO LONGER BE USED
|
|
// --color-background-alternate: rgba(77, 77, 77, 1);
|
|
// --color-background-blur: rgba(49, 54, 59, 0.7) !important;
|
|
|
|
// --color-text-active: rgba(252, 252, 252, 1);
|
|
// --color-text-inactive: rgba(189, 195, 199, 1);
|
|
// --color-text-link: rgba(41, 128, 185, 1);
|
|
// --color-text-background: rgba(189, 195, 199, 0.6);
|
|
|
|
// --color-border-active: var(--color-primary-element);
|
|
}
|
|
|
|
// input,
|
|
// label {
|
|
// --color-checkbox-radio-border: var(--color-border);
|
|
// --color-checkbox-radio-disabled: var(--color-background-alternate);
|
|
// }
|