Added border width and radius to the generated config
This commit is contained in:
parent
9479357b06
commit
a9a3a0a371
2 changed files with 21 additions and 23 deletions
|
@ -1,27 +1,22 @@
|
||||||
:root {
|
:root {
|
||||||
|
--synergy-border: #865e3c66;
|
||||||
--synergy-bg: rgba(249, 247, 244, 1);
|
--synergy-border-active: #865e3c;
|
||||||
|
|
||||||
--synergy-border: rgba(134, 94, 60, 0.4);
|
|
||||||
--synergy-border-active: rgba(134, 94, 60, 1);
|
|
||||||
--synergy-border-width: 2px;
|
--synergy-border-width: 2px;
|
||||||
--synergy-border-radius: 0.375rem;
|
--synergy-border-radius: .375rem;
|
||||||
|
--synergy-focus-highlight: #865e3c3f;
|
||||||
--synergy-focus-highlight: rgba(134, 94, 60, 0.25);
|
--synergy-tab-highlight: #865e3c19;
|
||||||
|
--synergy-label: #9d7d61;
|
||||||
--synergy-label: rgba(134, 94, 60, 0.8);
|
--synergy-label-active: #865e3c;
|
||||||
--synergy-label-active: rgba(134, 94, 60, 1);
|
--synergy-btn-primary-bg: #9d7d61;
|
||||||
|
--synergy-btn-primary-bg-active: #c0ab98;
|
||||||
--synergy-text-color: rgba(99, 69, 44, 1);
|
--synergy-btn-primary-bg-hover: #865e3c;
|
||||||
|
--synergy-btn-bg: #e1dedb;
|
||||||
--synergy-btn-primary-bg: rgba(134, 94, 60, 0.8);
|
--synergy-btn-bg-active: #c8c5c2;
|
||||||
--synergy-btn-primary-bg-hover: rgba(134, 94, 60, 1);
|
--synergy-btn-bg-hover: #d9d6d2;
|
||||||
--synergy-btn-primary-bg-active: rgba(134, 94, 60, 0.5);
|
--synergy-text-color: #63452c;
|
||||||
|
--synergy-bg: #f9f7f4;
|
||||||
--synergy-btn-bg: rgba(153, 153, 153, 0.3);
|
|
||||||
--synergy-btn-bg-hover: rgba(153, 153, 153, 0.4);
|
|
||||||
--synergy-btn-bg-active: rgba(153, 153, 153, 0.6);
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn.btn-primary {--synergy-text-color: rgba(255, 255, 255, 1);}
|
.btn.btn-primary {
|
||||||
|
--synergy-text-color: #ffffff;
|
||||||
|
}
|
|
@ -176,6 +176,9 @@ export class Theme {
|
||||||
variables.push(this.var("border", this.cAlpha(this.main, .4)));
|
variables.push(this.var("border", this.cAlpha(this.main, .4)));
|
||||||
variables.push(this.var("border-active", this.cAlpha(this.main)));
|
variables.push(this.var("border-active", this.cAlpha(this.main)));
|
||||||
|
|
||||||
|
variables.push(this.var("border-width", "2px"));
|
||||||
|
variables.push(this.var("border-radius", ".375rem"))
|
||||||
|
|
||||||
variables.push(this.var("focus-highlight", this.cAlpha(this.main, .25)));
|
variables.push(this.var("focus-highlight", this.cAlpha(this.main, .25)));
|
||||||
variables.push(this.var("tab-highlight", this.cAlpha(this.main, .1)));
|
variables.push(this.var("tab-highlight", this.cAlpha(this.main, .1)));
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue