extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2024-11-27 02:24:22 +01:00
Code Issues Packages Projects Releases Wiki Activity

[design] improve presets

Browse Source
This commit is contained in:
zombieFox 2019-12-24 16:58:17 +00:00
parent a905506252
commit b3a217d748
5 changed files with 35 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/css/theme.css
View File

@ -288,24 +288,24 @@
background-color: rgb(var(--theme-preset-accent-hotpepper))
}
.theme-preset-background-coldcube-01 {
background-color: rgb(var(--theme-preset-background-coldcube-01))
.theme-preset-background-steelgrey-01 {
background-color: rgb(var(--theme-preset-background-steelgrey-01))
}
.theme-preset-background-coldcube-02 {
background-color: rgb(var(--theme-preset-background-coldcube-02))
.theme-preset-background-steelgrey-02 {
background-color: rgb(var(--theme-preset-background-steelgrey-02))
}
.theme-preset-background-coldcube-03 {
background-color: rgb(var(--theme-preset-background-coldcube-03))
.theme-preset-background-steelgrey-03 {
background-color: rgb(var(--theme-preset-background-steelgrey-03))
}
.theme-preset-background-coldcube-04 {
background-color: rgb(var(--theme-preset-background-coldcube-04))
.theme-preset-background-steelgrey-04 {
background-color: rgb(var(--theme-preset-background-steelgrey-04))
}
.theme-preset-accent-coldcube {
background-color: rgb(var(--theme-preset-accent-coldcube))
.theme-preset-accent-steelgrey {
background-color: rgb(var(--theme-preset-accent-steelgrey))
}
.theme-preset-background-outrun-01 {

10
src/css/variables.css
View File

@ -76,11 +76,11 @@
--theme-preset-background-hotpepper-03: 25, 25, 25;
--theme-preset-background-hotpepper-04: 25, 25, 25;
--theme-preset-accent-hotpepper: 25, 25, 25;
--theme-preset-background-coldcube-01: 25, 25, 25;
--theme-preset-background-coldcube-02: 25, 25, 25;
--theme-preset-background-coldcube-03: 25, 25, 25;
--theme-preset-background-coldcube-04: 25, 25, 25;
--theme-preset-accent-coldcube: 25, 25, 25;
--theme-preset-background-steelgrey-01: 25, 25, 25;
--theme-preset-background-steelgrey-02: 25, 25, 25;
--theme-preset-background-steelgrey-03: 25, 25, 25;
--theme-preset-background-steelgrey-04: 25, 25, 25;
--theme-preset-accent-steelgrey: 25, 25, 25;
--theme-preset-background-outrun-01: 25, 25, 25;
--theme-preset-background-outrun-02: 25, 25, 25;
--theme-preset-background-outrun-03: 25, 25, 25;

14
src/index.html
View File

@ -1430,15 +1430,15 @@
</button>
</div>
<div class="button-wrap form-inline">
<button class="control-theme-preset-coldcube theme-preset-button button mb-0" tabindex="-1">
<button class="control-theme-preset-steelgrey theme-preset-button button mb-0" tabindex="-1">
<div class="theme-preset-preview">
<span class="theme-preset-background-01 theme-preset-background-coldcube-01"></span>
<span class="theme-preset-background-02 theme-preset-background-coldcube-02"></span>
<span class="theme-preset-background-03 theme-preset-background-coldcube-03"></span>
<span class="theme-preset-background-04 theme-preset-background-coldcube-04"></span>
<span class="theme-preset-accent theme-preset-accent-coldcube"></span>
<span class="theme-preset-background-01 theme-preset-background-steelgrey-01"></span>
<span class="theme-preset-background-02 theme-preset-background-steelgrey-02"></span>
<span class="theme-preset-background-03 theme-preset-background-steelgrey-03"></span>
<span class="theme-preset-background-04 theme-preset-background-steelgrey-04"></span>
<span class="theme-preset-accent theme-preset-accent-steelgrey"></span>
</div>
<span class="button-text small">Cold Cube</span>
<span class="button-text small">Steel Grey</span>
</button>
</div>
<div class="button-wrap form-inline">

4
src/js/control.js
View File

@ -2661,10 +2661,10 @@ var control = (function() {
render.class();
}
}, {
element: helper.e(".control-theme-preset-coldcube"),
element: helper.e(".control-theme-preset-steelgrey"),
type: "button",
func: function() {
theme.preset("coldcube");
theme.preset("steelgrey");
theme.style.check();
theme.render.color.shade();
theme.render.accent.color();

22
src/js/state.js
View File

@ -578,25 +578,25 @@ var state = (function() {
radius: 0.6,
style: "dark"
},
coldcube: {
steelgrey: {
color: {
hsl: {
h: 203,
s: 30,
l: 50
h: 214,
s: 25,
l: 44
},
rgb: {
r: 89,
g: 136,
b: 165
r: 85,
g: 110,
b: 143
}
},
accent: {
r: 74,
g: 120,
b: 148
r: 59,
g: 95,
b: 118
},
radius: 0.1,
radius: 0.3,
style: "light"
},
outrun: {