extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-06-25 12:01:26 +02: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)) background-color: rgb(var(--theme-preset-accent-hotpepper))
} }
.theme-preset-background-coldcube-01 { .theme-preset-background-steelgrey-01 {
background-color: rgb(var(--theme-preset-background-coldcube-01)) background-color: rgb(var(--theme-preset-background-steelgrey-01))
} }
.theme-preset-background-coldcube-02 { .theme-preset-background-steelgrey-02 {
background-color: rgb(var(--theme-preset-background-coldcube-02)) background-color: rgb(var(--theme-preset-background-steelgrey-02))
} }
.theme-preset-background-coldcube-03 { .theme-preset-background-steelgrey-03 {
background-color: rgb(var(--theme-preset-background-coldcube-03)) background-color: rgb(var(--theme-preset-background-steelgrey-03))
} }
.theme-preset-background-coldcube-04 { .theme-preset-background-steelgrey-04 {
background-color: rgb(var(--theme-preset-background-coldcube-04)) background-color: rgb(var(--theme-preset-background-steelgrey-04))
} }
.theme-preset-accent-coldcube { .theme-preset-accent-steelgrey {
background-color: rgb(var(--theme-preset-accent-coldcube)) background-color: rgb(var(--theme-preset-accent-steelgrey))
} }
.theme-preset-background-outrun-01 { .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-03: 25, 25, 25;
--theme-preset-background-hotpepper-04: 25, 25, 25; --theme-preset-background-hotpepper-04: 25, 25, 25;
--theme-preset-accent-hotpepper: 25, 25, 25; --theme-preset-accent-hotpepper: 25, 25, 25;
--theme-preset-background-coldcube-01: 25, 25, 25; --theme-preset-background-steelgrey-01: 25, 25, 25;
--theme-preset-background-coldcube-02: 25, 25, 25; --theme-preset-background-steelgrey-02: 25, 25, 25;
--theme-preset-background-coldcube-03: 25, 25, 25; --theme-preset-background-steelgrey-03: 25, 25, 25;
--theme-preset-background-coldcube-04: 25, 25, 25; --theme-preset-background-steelgrey-04: 25, 25, 25;
--theme-preset-accent-coldcube: 25, 25, 25; --theme-preset-accent-steelgrey: 25, 25, 25;
--theme-preset-background-outrun-01: 25, 25, 25; --theme-preset-background-outrun-01: 25, 25, 25;
--theme-preset-background-outrun-02: 25, 25, 25; --theme-preset-background-outrun-02: 25, 25, 25;
--theme-preset-background-outrun-03: 25, 25, 25; --theme-preset-background-outrun-03: 25, 25, 25;

14
src/index.html
View File

@ -1430,15 +1430,15 @@
</button> </button>
</div> </div>
<div class="button-wrap form-inline"> <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"> <div class="theme-preset-preview">
<span class="theme-preset-background-01 theme-preset-background-coldcube-01"></span> <span class="theme-preset-background-01 theme-preset-background-steelgrey-01"></span>
<span class="theme-preset-background-02 theme-preset-background-coldcube-02"></span> <span class="theme-preset-background-02 theme-preset-background-steelgrey-02"></span>
<span class="theme-preset-background-03 theme-preset-background-coldcube-03"></span> <span class="theme-preset-background-03 theme-preset-background-steelgrey-03"></span>
<span class="theme-preset-background-04 theme-preset-background-coldcube-04"></span> <span class="theme-preset-background-04 theme-preset-background-steelgrey-04"></span>
<span class="theme-preset-accent theme-preset-accent-coldcube"></span> <span class="theme-preset-accent theme-preset-accent-steelgrey"></span>
</div> </div>
<span class="button-text small">Cold Cube</span> <span class="button-text small">Steel Grey</span>
</button> </button>
</div> </div>
<div class="button-wrap form-inline"> <div class="button-wrap form-inline">

4
src/js/control.js
View File

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

22
src/js/state.js
View File

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