george/borg-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update theme to be consistent with 'george' project

Browse Source
This commit is contained in:
George Lacey 2022-04-06 12:03:07 +01:00
parent 776325a5d5
commit 1a72f9243d
4 changed files with 19 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
borgweb/borg/static/borg/js/chart.js
View File

@ -5,7 +5,7 @@ function draw_time_graph(chartID, repos, dateLabels, sizeUnits) {
label: repo.label,
data: repo.size,
fill: false,
borderColor: 'rgb(75, 192, 192)'
borderColor: 'rgb(7, 59, 76)'
});
})

2
borgweb/borg/templates/borg/base.html
View File

@ -19,7 +19,7 @@
<title>{% block title %}Title{% endblock %}</title>
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark bg-secondary mb-2">
<nav class="navbar navbar-expand-md navbar-light bg-primary">
<div class="container-fluid">
<a class="navbar-brand" href="https://george.ooo">Home</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"

4
borgweb/borg/templates/borg/index.html
View File

@ -56,10 +56,10 @@
</dl>
</div>
{% endfor %}
<div style="width: 600px;" class="repo-container shadow rounded bg-primary overflow-hidden">
<div style="width: 600px;" class="repo-container shadow rounded bg-info overflow-hidden">
<canvas id="daily_backup_size" width="400" height="200"></canvas>
</div>
<div style="width: 600px;" class="repo-container shadow rounded bg-primary overflow-hidden">
<div style="width: 600px;" class="repo-container shadow rounded bg-info overflow-hidden">
<canvas id="monthly_backup_size" width="400" height="200"></canvas>
</div>
{% else %}

25
borgweb/static/theme.scss
View File

@ -1,25 +1,30 @@
@import "./scss/functions";
// default variable overrides
$body-bg: #f0f8ff;
// $body-bg: #f0f8ff;
$enable-gradients: True;
@import "./scss/variables";
@import "./scss/mixins";
// custom maps
$custom-colors: (
"primary": #a0c4ff,
"info": #ffc6ff,
"success": #caffbf,
"secondary": #bdb2ff,
"warning": #fdffb6,
"danger": #ffadad,
"light": #f8f9fa,
"dark": #212529
"primary": #ffd166,
"secondary": #ffff97,
"tertiary": #eee4e1,
"info": #118AB2,
"success": #06D6A0,
"warning": #ffab66,
"danger": #EF476F,
"light": #f8f7f9,
"dark": #073B4C
);
$theme-colors: map-merge($theme-colors, $custom-colors);
$body-color: map-get($custom-colors, "dark");
$navbar-light-color: rgba(map-get($custom-colors, "dark"), .50);
$navbar-light-active-color: map-get($custom-colors, "dark");
@import "./scss/bootstrap";
// custom code