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

Re-arranging repos.

Browse source
This commit is contained in:
g_it 2026-02-02 10:32:55 +01:00
commit fe8d1ee495
Signed by untrusted user who does not match committer: g_it
GPG key ID: A2B0A7C06A054627
70 changed files with 17 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

12
matomo/stylesheets/_colors.less Normal file
View file

@ -0,0 +1,12 @@
@theme-color-brand: #CECCD2;
@theme-color-background-base: #faf9f6;
@theme-color-header-background: #FAF9F6;
@theme-color-header-text: #323036;
@theme-color-widget-title-background: transparent;
@theme-color-widget-title-text: #323036;
@theme-color-menu-contrast-text: rgba(0, 0, 0, 0.54);
@theme-color-menu-contrast-textActive: #828089;
@theme-color-menu-contrast-textSelected: #ceccd2;
@theme-color-menu-contrast-background: transprent;

1
matomo/stylesheets/_variables.less Normal file
View file

@ -0,0 +1 @@
@theme-fontFamily-base: "Roboto", Helvetica, sans-serif;

3
matomo/stylesheets/components/_admin_users_list.less Normal file
View file

@ -0,0 +1,3 @@
.userListFilters {
margin-bottom: 20px !important;
}

20
matomo/stylesheets/components/_button.less Normal file
View file

@ -0,0 +1,20 @@
.btn,
input[type="button"],
.button,
#btn,
input[type="submit"] {
color: #323036 !important;
box-shadow: none;
text-decoration: none;
text-transform: uppercase;
border: none;
font-weight: bold;
letter-spacing: 1.5em;
background-color: transparent;
&:hover {
color: #ceccd2;
box-shadow: none;
border: none;
background-color: transparent;
}
}

20
matomo/stylesheets/components/_card.less Normal file
View file

@ -0,0 +1,20 @@
.card {
box-shadow: none;
border: none;
border-radius: 0px;
.card-content {
padding: 5px 20px 20px 20px !important;
}
.card-table {
margin: 0 -20px !important;
border: 0;
}
.enrichedHeadline .title,
.card-title {
position: relative;
font-weight: 300 !important;
}
}

10
matomo/stylesheets/components/_charts.less Normal file
View file

@ -0,0 +1,10 @@
canvas.jqplot-piwik-ticks-canvas {
background: @theme-color-background-base !important;
}
// Graph series colours (1)
@graph-colors-data-series0: #323036;
@graph-series0-shade1-color: #828089;
@graph-series0-shade2-color: #ceccd2;
@graph-series0-shade3-color: #e6e6e6;

25
matomo/stylesheets/components/_control.less Normal file
View file

@ -0,0 +1,25 @@
#root .borderedControl {
background-color: transparent;
border: none;
box-shadow: none;
transition: .2s ease all;
border-radius: 3px;
font-size: 11px;
font-weight: bold;
color: rgba(0, 0, 0, .65) !important;
min-width: 18px;
.title {
color: rgba(0, 0, 0, .65) !important;
}
&:hover {
transition: .2s ease all;
background: transparent !important;
color: #e6e6e6 !important;
.title {
color:@theme-color-header-text!important;
}
}
}

7
matomo/stylesheets/components/_header.less Normal file
View file

@ -0,0 +1,7 @@
nav {
box-shadow: none !important;
.nav-wrapper {
border-bottom: none;
}
}

35
matomo/stylesheets/components/_login.less Normal file
View file

@ -0,0 +1,35 @@
#loginPage .loginSection {
margin-top: 12%;
& #nav a {
font-size: 0.5em;
}
}
.loginForm,
.loginTwoFaForm,
.loginSection {
padding: 10px;
& input[name="login_form_rememberme"],
& label[for="login_form_rememberme"] {
display: none;
}
& h2.card-title {
text-align: center;
}
& p,
p#piwik {
display: none;
}
& input#login_form_submit {
width: 100%;
color: #323036 !important;
font-size: 1.3em;
letter-spacing: 0.2em;
background-color: transparent;
font-weight: bold;
&:hover {
color: #ceccd2 !important;
background-color: transparent;
}
}
}

116
matomo/stylesheets/components/_maps.less Normal file
View file

@ -0,0 +1,116 @@
.UserCountryMap.card-content.dataTable {
background: @theme-color-background-base;
}
td .label img {
display: none;
}
// Visitor map colors
.visitor-map[data-name="no-data-color"] {
color: white;
}
.visitor-map[data-name="one-country-color"] {
color: #e6e6e6;
}
.visitor-map[data-name="color-range-start-choropleth"] {
color: #ceccd2;
}
.visitor-map[data-name="color-range-start-normal"] {
color: #ceccd2;
}
.visitor-map[data-name="color-range-end-choropleth"] {
color: #323036;
}
.visitor-map[data-name="color-range-end-normal"] {
color: #323036;
}
.visitor-map[data-name="country-highlight-color"] {
color: #ceccd2;
}
.visitor-map[data-name="country-selected-color"] {
color: #ceccd2;
}
.visitor-map[data-name="unknown-region-fill-color"] {
color: white;
}
.visitor-map[data-name="unknown-region-stroke-color"] {
color: #e6e6e6;
}
.visitor-map[data-name="region-stroke-color"] {
color: #e6e6e6;
}
.visitor-map[data-name="region-selected-color"] {
color: #ceccd2;
}
.visitor-map[data-name="region-highlight-color"] {
color: #ceccd2;
}
.visitor-map[data-name="invisible-region-background"] {
color: #e6e6e6;
}
.visitor-map[data-name="city-label-color"] {
color: #e6e6e6;
}
.visitor-map[data-name="city-stroke-color"] {
color: #e6e6e6;
}
.visitor-map[data-name="city-highlight-stroke-color"] {
color: #ceccd2;
}
.visitor-map[data-name="city-highlight-fill-color"] {
color: #ceccd2;
}
.visitor-map[data-name="city-highlight-label-color"] {
color: #000;
}
.visitor-map[data-name="city-label-fill-color"] {
color: @theme-color-background-base;
}
.visitor-map[data-name="city-selected-color"] {
color: #f4f45b;
}
.visitor-map[data-name="city-selected-label-color"] {
color: #000;
}
.visitor-map[data-name="region-layer-stroke-color"] {
color: #aaa;
}
.visitor-map[data-name="special-metrics-color-scale-1"] {
color: #385993;
}
.visitor-map[data-name="special-metrics-color-scale-2"] {
color: #385993;
}
.visitor-map[data-name="special-metrics-color-scale-3"] {
color: #e87500;
}
.visitor-map[data-name="special-metrics-color-scale-4"] {
color: #e87500;
}

47
matomo/stylesheets/components/_menu.less Normal file
View file

@ -0,0 +1,47 @@
#secondNavBar {
ul {
& > li > ul > li.active > .item {
background-color: transparent !important;
}
li {
&.active > a {
background-color: transparent !important;
}
a {
border-radius: 0;
font-weight: 500;
font-size: 14px;
//letter-spacing: .25px;
color: rgba(0, 0, 0, 0.54);
padding: 9px 21px 10px 19px !important;
&:focus {
outline: none !important;
}
&:hover {
background-color: #ceccd2 !important;
transition: 0.2s ease all;
}
}
}
}
}
#root #secondNavBar .navbar > li > ul li .item {
padding-left: 65px !important;
}
#topmenu-corehome,
nav ul a {
background-color: @theme-color-background-base;
&:hover,
&:active,
&:focus {
background-color: @theme-color-background-base;
outline: none;
border-bottom: 1px solid @theme-color-header-text;
}
}

4
matomo/stylesheets/components/_search.less Normal file
View file

@ -0,0 +1,4 @@
.quick-access {
background-color: transparent;
box-shadow: none !important;
}

24
matomo/stylesheets/components/_sparkline.less Normal file
View file

@ -0,0 +1,24 @@
// sparkline colors
.sparkline-colors[data-name="backgroundColor"] {
color: #faf9f6;
}
.sparkline-colors[data-name="lineColor"] {
color: #828089;
}
.sparkline-colors[data-name="minPointColor"] {
color: #323036;
}
.sparkline-colors[data-name="maxPointColor"] {
color: #323036;
}
.sparkline-colors[data-name="lastPointColor"] {
color: white; //hidden
}
.sparkline-colors[data-name="fillColor"] {
color: lighten(#323036, 200);
}

16
matomo/stylesheets/components/_visitor_log.less Normal file
View file

@ -0,0 +1,16 @@
.theWidgetContent h2 {
font-weight: 300 !important;
}
.dataTableVizVisitorLog .card {
box-shadow: none;
border: none;
border-radius: 0px;
}
#visitsLive {
& .datetime,
& .settings {
background-color: @theme-color-background-base;
}
}

59
matomo/stylesheets/components/_widget.less Normal file
View file

@ -0,0 +1,59 @@
.widget {
background-color: @theme-color-background-base;
box-shadow: none;
border: none !important;
&:hover {
box-shadow: none;
}
.widgetTop {
border: none;
background-color: transparent;
padding: 0 !important;
.buttons {
background: transparent;
top: 4px;
right: 0;
padding-left: 0;
.button {
margin-top: 0px;
&:first-child {
margin-right: 0;
}
}
}
.widgetName {
padding: 0 0 15px 0 !important;
font-weight: bold;
color: @theme-color-header-text;
text-align: center;
text-transform: uppercase;
font-size: 0.8em;
}
}
.widgetContent {
background-color: @theme-color-background-base;
padding-top: 15px;
box-shadow: none;
border: none;
border-radius: 0px;
overflow: hidden;
.dataTable,
.card {
margin-top: -15px;
border: none !important;
background-color: #faf9f6;
}
}
}
body.widgetized {
background-color: @theme-color-background-base;
}

30
matomo/stylesheets/theme.less Normal file
View file

@ -0,0 +1,30 @@
@import "_colors";
@import "_variables";
@import "components/_admin_users_list";
@import "components/_button";
@import "components/_card";
@import "components/_control";
@import "components/_header";
@import "components/_menu";
@import "components/_search";
@import "components/_sparkline";
@import "components/_visitor_log";
@import "components/_widget";
@import "components/_login";
@import "components/_charts";
@import "components/_maps";
@theme-color-brand: #ceccd2;
@theme-color-background-base: #faf9f6;
@theme-color-header-background: #faf9f6;
@theme-color-header-text: #323036;
@theme-color-widget-title-background: transparent;
@theme-color-widget-title-text: #323036;
@theme-color-menu-contrast-text: rgba(0, 0, 0, 0.54);
@theme-color-menu-contrast-textActive: #828089;
@theme-color-menu-contrast-textSelected: #ceccd2;
@theme-color-menu-contrast-background: transparent;
html {
font-weight: lighter;
}