kevin/hypothetical
1
0
Fork 0
mirror of https://github.com/prurigro/hypothetical.git synced 2024-09-19 10:14:21 -04:00
Code Issues Projects Releases Packages Wiki Activity

Improve the dashboard theme

Browse source
This commit is contained in:
Kevin MacMartin 2021-07-29 17:45:47 -04:00
parent e0ffe81e51
commit 8600797752
3 changed files with 3 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
public/img/dashboard/star-bg.svg
View file

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 65.684 65.729"><path d="M65.55 47.072l-23.123-.345L29.035 65.58l-6.817-22.097L.15 36.572l18.909-13.313L18.812.136l18.504 13.87 21.915-7.38-7.473 21.883z" fill-opacity=".949" stroke="#000" stroke-width=".134" stroke-linecap="square" stroke-opacity=".893"/></svg>
Side by side

Before

Width:  |  Height:  |  Size: 314 B

1
public/img/dashboard/wavy-bg.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" width="250" height="30" viewBox="0 0 1000 120"><path fill="#fff" d="M0 0h1000v120H0z"/><g fill="none" stroke="#f8f8f8" stroke-width="10"><path d="M-500 75s125-30 250-30S0 75 0 75s125 30 250 30 250-30 250-30 125-30 250-30 250 30 250 30 125 30 250 30 250-30 250-30"/><path d="M-500 45s125-30 250-30S0 45 0 45s125 30 250 30 250-30 250-30 125-30 250-30 250 30 250 30 125 30 250 30 250-30 250-30M-500 105s125-30 250-30S0 105 0 105s125 30 250 30 250-30 250-30 125-30 250-30 250 30 250 30 125 30 250 30 250-30 250-30"/><path d="M-500 15s125-30 250-30S0 15 0 15s125 30 250 30 250-30 250-30 125-30 250-30 250 30 250 30 125 30 250 30 250-30 250-30"/><path d="M-500-15s125-30 250-30S0-15 0-15s125 30 250 30 250-30 250-30 125-30 250-30 250 30 250 30 125 30 250 30 250-30 250-30M-500 135s125-30 250-30S0 135 0 135s125 30 250 30 250-30 250-30 125-30 250-30 250 30 250 30 125 30 250 30 250-30 250-30"/></g></svg>
Side by side

After

Width:  |  Height:  |  Size: 937 B

15
resources/sass/dashboard.scss vendored
View file

@ -23,7 +23,7 @@ $c-text-light: #fff; // light text
$c-text-light-inactive: fade-out($c-text-light, 0.25); // inactive light text $c-text-light-inactive: fade-out($c-text-light, 0.25); // inactive light text
$c-input-bg: #fff; // white $c-input-bg: #fff; // white
$c-dashboard-error: #a80000; $c-dashboard-error: #a80000;
$c-dashboard-dark: #3e6087; $c-dashboard-dark: #111;
$c-dashboard-light: #f1f1f1; $c-dashboard-light: #f1f1f1;
$c-dashboard-edit: #87823e; $c-dashboard-edit: #87823e;
$c-dashboard-delete: #87483e; $c-dashboard-delete: #87483e;
@ -81,20 +81,9 @@ body {
left: 0px; left: 0px;
width: 100%; width: 100%;
height: 100%; height: 100%;
background-image: url("/img/dashboard/star-bg.svg"); background-image: url("/img/dashboard/wavy-bg.svg");
background-position: center top; background-position: center top;
background-size: pxrem(65) auto;
background-repeat: repeat; background-repeat: repeat;
&:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: fade-out(#fff, 0.02);
}
} }
.navbar, .dashboard-footer { .navbar, .dashboard-footer {