g_it/theming
g_it/theming
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Init less components

Browse source
This commit is contained in:
Ronan 2020-01-17 14:54:39 +01:00
commit cefa1cf391
5 changed files with 43 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

9
stylesheets/_variables.less Normal file
View file

@ -0,0 +1,9 @@
//Main
@theme-color-background-base: #f8f9fa;
@theme-color-brand: #4285f4;
//Menu
@theme-color-menu-contrast-text: #727273;
@theme-color-menu-contrast-textSelected: #1a73e8;
@theme-color-menu-contrast-textActive: #3c4043;
@theme-color-menu-contrast-background: transparent;

2
stylesheets/layout/_header.less Normal file
View file

@ -0,0 +1,2 @@
@theme-color-header-background: #ffffff;
@theme-color-header-text: #5f6368;

28
stylesheets/layout/_menu.less Normal file
View file

@ -0,0 +1,28 @@
#root #secondNavBar .navbar {
border-top: 1px solid rgba(0, 0, 0, 0.08);;
}
#root .borderedControl {
box-shadow: none;
background-color: transparent;
transition: .2s ease all;
&:hover {
background-color: rgba(158, 158, 158, 0.2);
transition: .2s ease all;
}
}
#root #secondNavBar .navbar > li .item {
padding: 10px 21px 10px 19px;
border-radius: 0 50em 50em 0;
background-color: transparent;
transition: .2s ease all;
&:hover {
background-color: #dadce0;
transition: .2s ease all;
}
}

71
stylesheets/theme.less
View file

@ -1,68 +1,3 @@
@theme-color-background-base: #f8f9fa;
@theme-color-brand: #4285f4;
@theme-color-header-background: #ffffff;
@theme-color-header-text: #5f6368;
//MENU
@theme-color-menu-contrast-text: #727273;
@theme-color-menu-contrast-textSelected: #1a73e8;
@theme-color-menu-contrast-textActive: #3c4043;
@theme-color-menu-contrast-background: transparent;
#root #secondNavBar .navbar {
border-top: 1px solid rgba(0, 0, 0, 0.08);;
}
#root .borderedControl {
box-shadow: none;
background-color: transparent;
transition: .2s ease all;
&:hover {
background-color: rgba(158, 158, 158, 0.2);
transition: .2s ease all;
}
}
#root #secondNavBar .navbar > li .item {
padding: 10px 21px 10px 19px;
border-radius: 0 50em 50em 0;
background-color: transparent;
transition: .2s ease all;
&:hover {
background-color: #dadce0;
transition: .2s ease all;
}
}
@graph-colors-data-series1: #d4291f;
@graph-colors-data-series2: #1f78b4;
@graph-colors-data-series4: #33a02c;
// can't find the original colors, so I just make them a bit less bright
.system.notification {
&.notification-success {
background-color: desaturate(@color-green-piwik, 25%) !important;
}
&.notification-warning {
background-color: desaturate(#f57c00, 25%);
}
&.notification-danger,
&.notification-error {
background-color: desaturate(#e53935, 25%);
}
&.notification-info {
background-color: desaturate(#00bcd4, 25%);
}
}
// set back to materialcss default
[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after {
background-color: #26a69a;
border-color: #26a69a;
}
@import "_variables";
@import "layout/_header";
@import "layout/_menu";