extern/nightTab
1
0
Fork 0
mirror of https://github.com/zombieFox/nightTab.git synced 2025-01-08 15:09:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

[design] improve theme preset style and theme wording

Browse Source
This commit is contained in:
zombieFox 2019-12-26 11:55:02 +00:00
parent b63da5ee4c
commit 885f668677
2 changed files with 23 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/css/theme.css
View File

@ -7,8 +7,8 @@
}
.theme-preset-button .button-text {
margin-top: 1.25em;
margin-bottom: 1.25em;
margin-top: 0.75em;
margin-bottom: 0.75em;
margin-left: 0;
}
@ -43,19 +43,19 @@
.theme-preset-background-02 {
z-index: 2;
clip-path: polygon(0 40%, 60% 100%, 100% 100%, 100% 0, 0 0);
transition-delay: 0;
transition-delay: 0s;
}
.theme-preset-background-03 {
z-index: 3;
clip-path: polygon(0 0, 100% 100%, 100% 0);
transition-delay: 0;
transition-delay: 0s;
}
.theme-preset-background-04 {
z-index: 4;
clip-path: polygon(40% 0, 100% 60%, 100% 0);
transition-delay: 0;
transition-delay: 0s;
}
.theme-preset-accent {

30
src/index.html
View File

@ -1493,17 +1493,6 @@
<label for="control-theme-style-light"><span class="label-icon"></span> Light</label>
</div>
<p class="control-theme-style-light-helper form-helper small">Accent Colour and Background Image may need to be changed to best fit the Theme Style.</p>
<hr>
<div class="input-wrap">
<label for="control-theme-radius">Radius</label>
<div class="form-group form-group-block mb-0">
<input id="control-theme-radius" class="control-theme-radius mr-3" type="range" min="0" max="300" value="0" step="5" tabindex="-1">
<div class="control-theme-radius-count form-group-text form-group-item-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
<button class="control-theme-radius-default button mb-0" tabindex="-1">Default radius</button>
</div>
</div>
</div>
<div class="menu-item">
@ -1520,7 +1509,7 @@
</div>
<p class="control-theme-color-helper form-helper small">Light and dark shades from this colour are used across nightTabs.</p>
<div class="button-wrap">
<button class="control-theme-color-rgb-default button mb-0" tabindex="-1">Default shade color</button>
<button class="control-theme-color-rgb-default button mb-0" tabindex="-1">Default primary color</button>
</div>
<hr>
<div class="input-wrap">
@ -1685,6 +1674,23 @@
</div>
</div>
</div>
<div class="menu-item">
<div class="menu-item-header">
<h1 class="menu-item-header-text">Radius</h1>
</div>
<div class="menu-item-form">
<div class="input-wrap">
<label for="control-theme-radius">All corners</label>
<div class="form-group form-group-block mb-0">
<input id="control-theme-radius" class="control-theme-radius mr-3" type="range" min="0" max="300" value="0" step="5" tabindex="-1">
<div class="control-theme-radius-count form-group-text form-group-item-medium form-group-radius-left"></div>
</div>
</div>
<div class="button-wrap">
<button class="control-theme-radius-default button mb-0" tabindex="-1">Default radius</button>
</div>
</div>
</div>
</div>
<div class="menu-content-area menu-content-area-background is-hidden">