Salsify/front-ui-tweaker
1
0
Fork 0
Code Issues 4 Pull Requests 3 Packages Projects Releases Wiki Activity

refactor(#28): Switch to 1 color hue (#30)

Browse Source 
* refactor(#28): Switch to 1 color hue

* refactor(#28): Tweak colors
This commit is contained in:
Simon Priet 2023-05-30 17:31:20 +02:00 committed by GitHub
parent 3e4591400a
commit 202a145426
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.vscode/settings.json vendored
View File

@ -2,6 +2,7 @@
"conventionalCommits.scopes": [
"#11",
"13",
"#28",
"#28"
]
}

8
PERF banner.css
View File

@ -2,16 +2,16 @@
domain("ltg-admin.supplierxm.salsify.com") {
:root {
--stripe-size: 100px;
--color1: hsl(180, 63%, 30%);
--color2: hsl(180, 63%, 36%);
--color1: hsl(180, 78%, 35%);
--color2: rgba(0, 0, 0, 0.15);
--duration: 1s;
--state: running;
}
.AuthLayoutFooter,
.Navbar.navbar.Navbar--PPR.bg-inverse {
background: repeating-linear-gradient(-45deg, hsla(261, 80%, 59%, 0) 25%, var(--color1) 50%, var(--color1) 75%);
background-color: var(--color2);
background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, transparent 50%, transparent 75%);
background-color: var(--color1);
background-size: var(--stripe-size) var(--stripe-size);
animation: alkegrad var(--duration) linear 0s infinite normal var(--state);
transition: background 200ms linear;

6
PLLR banner.css
View File

@ -2,15 +2,15 @@
domain("localstream.alkemics.com") {
:root {
--stripe-size: 100px;
--color1: hsl(205, 84%, 41%);
--color2: hsl(205, 70%, 50%);
--color1: hsl(220, 100%, 63%);
--color2: rgba(0, 0, 0, 0.15);
--duration: 1s;
--state: paused;
}
.AuthLayoutFooter,
.Navbar.navbar.Navbar--PPR.bg-inverse {
background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%);
background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, transparent 50%, transparent 75%);
background-color: var(--color1);
background-size: var(--stripe-size) var(--stripe-size);
animation: alkegrad var(--duration) linear 0s infinite normal var(--state);

6
PREP banner.css
View File

@ -2,15 +2,15 @@
domain("ppr-admin.supplierxm.salsify.com/") {
:root {
--stripe-size: 100px;
--color1: hsla(194, 71%, 30%, 1);
--color2: hsla(194, 77%, 35%, 1);
--color1: hsl(194, 77%, 35%);
--color2: rgba(0, 0, 0, 0.15);
--duration: 1s;
--state: paused;
}
.AuthLayoutFooter,
.Navbar.navbar.Navbar--PPR.bg-inverse {
background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, var(--color1) 50%, var(--color1) 75%);
background: repeating-linear-gradient(-45deg, var(--color2) 25%, var(--color2) 50%, transparent 50%, transparent 75%);
background-color: var(--color1);
background-size: var(--stripe-size) var(--stripe-size);
animation: alkegrad var(--duration) linear 0s infinite normal var(--state);