Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-19 21:29:42 +02:00
Code Releases Activity

Updated themes to use new color framework

Browse source
This commit is contained in:
Harvey Kandola 2018-12-04 17:36:59 +00:00
parent d7a46ceee6
commit f44cda66e6
3 changed files with 57 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

34
gui/app/styles/themes/blue.scss
View file

@ -11,21 +11,25 @@
@import "../colors.scss"; @import "../colors.scss";
$color-primary: #176091; /**************************************************************
$color-primary-light: #E6F1F8; * Theme colors.
$color-link: #348A37; *
* We go from 100 (lightest) to 900 (darkest).
*
* Base shade is 500 and is used prominmently as the
* left-side navigation sidebar color.
**************************************************************/
$theme-900: #071C2A;
$theme-800: #0B2F48;
$theme-700: #104365;
$theme-600: #124D74;
$theme-500: #176091;
$theme-400: #2087CC;
$theme-300: #5CAEE5;
$theme-200: #B4DAF3;
$theme-100: #EEF7FC;
.color-primary { // Set hyperlink color for theme
color: $color-primary !important; $color-link: map-get($green-shades, 700);
}
.color-link {
color: $color-link !important;
}
.background-color-theme {
background-color: $color-primary !important;
}
.background-color-theme-light {
background-color: $color-primary-light !important;
}
@import "../core/all.scss"; @import "../core/all.scss";

34
gui/app/styles/themes/deep-orange.scss
View file

@ -11,21 +11,25 @@
@import "../colors.scss"; @import "../colors.scss";
$color-primary: #BF360C; /**************************************************************
$color-primary-light: #FBE9E7; * Theme colors.
$color-link: #FF8A65; *
* We go from 100 (lightest) to 900 (darkest).
*
* Base shade is 500 and is used prominmently as the
* left-side navigation sidebar color.
**************************************************************/
$theme-900: #1F0902;
$theme-800: #4F1605;
$theme-700: #6F1F07;
$theme-600: #9F2D0A;
$theme-500: #BF360C;
$theme-400: #F25C2E;
$theme-300: #F68E6E;
$theme-200: #F9B39E;
$theme-100: #FEF2EE;
.color-primary { // Set hyperlink color for theme
color: $color-primary !important; $color-link: map-get($green-shades, 700);
}
.color-link {
color: $color-link !important;
}
.background-color-theme {
background-color: $color-primary !important;
}
.background-color-theme-light {
background-color: $color-primary-light !important;
}
@import "../core/all.scss"; @import "../core/all.scss";

34
gui/app/styles/themes/teal.scss
View file

@ -11,21 +11,25 @@
@import "../colors.scss"; @import "../colors.scss";
$color-primary: #00695C; /**************************************************************
$color-primary-light: #E0F2F1; * Theme colors.
$color-link: #348A37; *
* We go from 100 (lightest) to 900 (darkest).
*
* Base shade is 500 and is used prominmently as the
* left-side navigation sidebar color.
**************************************************************/
$theme-900: #001412;
$theme-800: #00362F;
$theme-700: #00473E;
$theme-600: #00584D;
$theme-500: #00695C;
$theme-400: #00AD98;
$theme-300: #ADFFF5;
$theme-200: #CFFFF9;
$theme-100: #F1FFFD;
.color-primary { // Set hyperlink color for theme
color: $color-primary !important; $color-link: map-get($green-shades, 700);
}
.color-link {
color: $color-link !important;
}
.background-color-theme {
background-color: $color-primary !important;
}
.background-color-theme-light {
background-color: $color-primary-light !important;
}
@import "../core/all.scss"; @import "../core/all.scss";