Docker/documize
Docker/documize
1
0
Fork 0
mirror of https://github.com/documize/community.git synced 2025-07-24 15:49:44 +02:00
Code Releases Activity

Implement new refactored color scheme

Browse source
This commit is contained in:
Harvey Kandola 2018-12-04 17:26:57 +00:00
parent da0861b3fd
commit d7a46ceee6
70 changed files with 934 additions and 521 deletions
Download patch file Download diff file Expand all files Collapse all files

6
gui/app/styles/core/layout/layout-content.scss
View file

@ -1,6 +1,6 @@
.content-zone {
> .explainer-header {
color: $color-gray;
color: map-get($gray-shades, 600);
font-size: 1.5rem;
font-weight: 500;
}
@ -8,14 +8,14 @@
> .explainer-text {
margin: 3px 0;
padding: 0;
color: $color-gray;
color: map-get($gray-shades, 600);
font-size: 1.1rem;
}
> .explainer-list {
margin: 5px 20px;
padding: 0;
color: $color-gray;
color: map-get($gray-shades, 600);
> li {
margin: 0;

10
gui/app/styles/core/layout/layout-footer.scss
View file

@ -1,6 +1,6 @@
footer {
background-color: $color-primary-light;
color: $color-gray;
background-color: $theme-100;
color: map-get($gray-shades, 600);
font-weight: 500;
font-size: 1rem;
padding: 5px 2rem;
@ -12,7 +12,7 @@ footer {
a, a:visited {
@include ease-in();
color: $color-gray;
color: map-get($gray-shades, 600);
text-decoration: none;
&:hover {
@ -33,7 +33,7 @@ footer {
}
> .progress-done {
background-color: $color-green;
background-color: map-get($green-shades, 600);
color: $color-white;
text-align: center;
font-size: 1rem;
@ -45,7 +45,7 @@ footer {
> .progress-notification {
display: inline-block;
font-size: 1rem;
color: $color-green;
color: map-get($green-shades, 600);
font-weight: 500;
}
}

2
gui/app/styles/core/layout/layout-master.scss
View file

@ -22,7 +22,7 @@ $break-5: 1800px;
.layout-sidebar {
order: -1;
background-color: $color-gray-light2;
background-color: map-get($gray-shades, 200);
padding: 1rem;
}

4
gui/app/styles/core/layout/layout-sidebar.scss
View file

@ -37,8 +37,8 @@
}
.sidebar-view-switcher {
color: $color-primary;
background-color: $color-primary-light;
color: $theme-500;
background-color: map-get($gray-shades, 600);
padding: 5px 20px;
text-align: center;
height: 50px;

18
gui/app/styles/core/layout/layout-topbar.scss
View file

@ -3,7 +3,7 @@
}
.top-bar {
background-color: $color-primary;
background-color: $theme-500;
color: $color-white;
padding: 0 2rem;
font-size: 1rem;
@ -40,12 +40,12 @@
}
> .selected {
background-color: $color-primary-light !important;
color: $color-primary !important;
background-color: $theme-500 !important;
color: $theme-500 !important;
padding: 5px 10px !important;
&:hover {
color: darken($color-primary, 15%) !important;
color: darken($theme-500, 15%) !important;
}
}
}
@ -63,23 +63,23 @@
> .hamburger {
@include ease-in();
@include border-radius(3px);
background-color: $color-primary;
border: 1px solid $color-primary-light;
background-color: $theme-500;
border: 1px solid $theme-100;
> i {
font-size: 1.8rem;
line-height: 2.1rem;
padding: 0px 3px 0px 3px;
color: $color-primary-light;
color: $theme-100;
cursor: pointer;
vertical-align: sub;
}
&:hover {
background-color: $color-primary-light;
background-color: $theme-100;
> i {
color: $color-primary;
color: $theme-500;
}
}
}

8
gui/app/styles/core/layout/master-internal.scss
View file

@ -10,12 +10,14 @@ $display-break-5: 1800px;
display: block;
height: auto;
width: 100%;
// z-index: 777;
.master-content {
display: block;
height: auto;
width: 100%;
padding: 10px;
// z-index: 666;
}
}
.master-sidebar-container {
@ -27,7 +29,7 @@ $display-break-5: 1800px;
display: block;
height: auto;
width: 100%;
background-color: $color-primary;
background-color: $theme-500;
text-align: center;
padding: 0;
z-index: 999;
@ -91,7 +93,7 @@ $display-break-5: 1800px;
border-radius: 50%;
font-size: 0.75rem;
text-align: center;
color: $color-primary;
color: $theme-500;
font-weight: bold;
background-color: $color-white;
@extend .no-select;
@ -107,7 +109,7 @@ $display-break-5: 1800px;
width: 100%;
padding: 5px 10px;
z-index: 888;
background-color: $color-off-white;
background-color: map-get($gray-shades, 100);
}
}