extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-01-23 06:19:14 +01:00
Code Issues Packages Projects Releases Wiki Activity

[design] add more presets

Browse Source
This commit is contained in:
zombieFox 2019-12-24 16:45:29 +00:00
parent 2869f1ada0
commit a905506252
5 changed files with 71 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/css/theme.css
View File

@ -208,6 +208,26 @@
background-color: rgb(var(--theme-preset-accent-chocorum))
}
.theme-preset-background-sunbloom-01 {
background-color: rgb(var(--theme-preset-background-sunbloom-01))
}
.theme-preset-background-sunbloom-02 {
background-color: rgb(var(--theme-preset-background-sunbloom-02))
}
.theme-preset-background-sunbloom-03 {
background-color: rgb(var(--theme-preset-background-sunbloom-03))
}
.theme-preset-background-sunbloom-04 {
background-color: rgb(var(--theme-preset-background-sunbloom-04))
}
.theme-preset-accent-sunbloom {
background-color: rgb(var(--theme-preset-accent-sunbloom))
}
.theme-preset-background-coralgreen-01 {
background-color: rgb(var(--theme-preset-background-coralgreen-01))
}

5
src/css/variables.css
View File

@ -56,6 +56,11 @@
--theme-preset-background-chocorum-03: 25, 25, 25;
--theme-preset-background-chocorum-04: 25, 25, 25;
--theme-preset-accent-chocorum: 25, 25, 25;
--theme-preset-background-sunbloom-01: 25, 25, 25;
--theme-preset-background-sunbloom-02: 25, 25, 25;
--theme-preset-background-sunbloom-03: 25, 25, 25;
--theme-preset-background-sunbloom-04: 25, 25, 25;
--theme-preset-accent-sunbloom: 25, 25, 25;
--theme-preset-background-coralgreen-01: 25, 25, 25;
--theme-preset-background-coralgreen-02: 25, 25, 25;
--theme-preset-background-coralgreen-03: 25, 25, 25;

12
src/index.html
View File

@ -1381,6 +1381,18 @@
<span class="button-text small">Choco Rum</span>
</button>
</div>
<div class="button-wrap form-inline">
<button class="control-theme-preset-sunbloom theme-preset-button button mb-0" tabindex="-1">
<div class="theme-preset-preview">
<span class="theme-preset-background-01 theme-preset-background-sunbloom-01"></span>
<span class="theme-preset-background-02 theme-preset-background-sunbloom-02"></span>
<span class="theme-preset-background-03 theme-preset-background-sunbloom-03"></span>
<span class="theme-preset-background-04 theme-preset-background-sunbloom-04"></span>
<span class="theme-preset-accent theme-preset-accent-sunbloom"></span>
</div>
<span class="button-text small">Sun Bloom</span>
</button>
</div>
<div class="button-wrap form-inline">
<button class="control-theme-preset-coralgreen theme-preset-button button mb-0" tabindex="-1">
<div class="theme-preset-preview">

13
src/js/control.js
View File

@ -2608,6 +2608,19 @@ var control = (function() {
render.update();
render.class();
}
}, {
element: helper.e(".control-theme-preset-sunbloom"),
type: "button",
func: function() {
theme.preset("sunbloom");
theme.style.check();
theme.render.color.shade();
theme.render.accent.color();
theme.render.radius();
link.groupAndItems();
render.update();
render.class();
}
}, {
element: helper.e(".control-theme-preset-coralgreen"),
type: "button",

21
src/js/state.js
View File

@ -494,6 +494,27 @@ var state = (function() {
radius: 0.75,
style: "dark"
},
sunbloom: {
color: {
hsl: {
h: 54,
s: 78,
l: 47
},
rgb: {
r: 213,
g: 194,
b: 26
}
},
accent: {
r: 255,
g: 220,
b: 22
},
radius: 0.5,
style: "light"
},
coralgreen: {
color: {
hsl: {