[design] improve control default icon

This commit is contained in:
zombieFox 2020-01-16 22:47:32 +00:00
parent bd9b96f537
commit 5337534502
11 changed files with 55 additions and 50 deletions

2
package-lock.json generated
View File

@ -1,6 +1,6 @@
{
"name": "nighttab",
"version": "4.23.0",
"version": "4.24.0",
"lockfileVersion": 1,
"requires": true,
"dependencies": {

View File

@ -1,6 +1,6 @@
{
"name": "nighttab",
"version": "4.23.0",
"version": "4.24.0",
"description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
"main": "index.js",
"scripts": {

View File

@ -135,3 +135,7 @@
.icon-redo:before {
content: "\e903";
}
.icon-replay:before {
content: "\e904";
}

BIN
src/fonts/icons/icons.eot Normal file → Executable file

Binary file not shown.

2
src/fonts/icons/icons.json Normal file → Executable file

File diff suppressed because one or more lines are too long

1
src/fonts/icons/icons.svg Normal file → Executable file
View File

@ -34,5 +34,6 @@
<glyph unicode="&#xe901;" glyph-name="reorder" d="M128 724.667h768v-84h-768v84zM128 468.667v86h768v-86h-768zM128 128.667v84h768v-84h-768zM128 298.667v86h768v-86h-768z" />
<glyph unicode="&#xe902;" glyph-name="undo" d="M534 596.667q146 0 262-86t162-222l-100-32q-34 104-123 169t-201 65q-124 0-220-80l156-154h-384v384l152-154q126 110 296 110z" />
<glyph unicode="&#xe903;" glyph-name="redo" d="M786 486.667l152 154v-384h-384l156 154q-96 80-220 80-102 0-197-68t-127-166l-100 32q44 136 161 222t263 86q170 0 296-110z" />
<glyph unicode="&#xe904;" glyph-name="replay" d="M512 724.667q142 0 242-100t100-240q0-142-101-242t-241-100-241 100-101 242h86q0-106 75-181t181-75 181 75 75 181-75 181-181 75v-172l-214 214 214 214v-172z" />
<glyph unicode="&#xe909;" glyph-name="indeterminate_check_box" d="M726 384.667v84h-428v-84h428zM810 810.667c46 0 86-40 86-86v-596c0-46-40-86-86-86h-596c-46 0-86 40-86 86v596c0 46 40 86 86 86h596z" />
</font></defs></svg>

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.6 KiB

BIN
src/fonts/icons/icons.ttf Normal file → Executable file

Binary file not shown.

BIN
src/fonts/icons/icons.woff Normal file → Executable file

Binary file not shown.

View File

@ -169,7 +169,7 @@
<div class="form-group form-group-block">
<input id="control-layout-size" class="control-layout-size mr-3" type="range" min="50" max="200" value="0" step="5" tabindex="-1">
<div class="control-layout-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-layout-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-layout-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">
@ -190,7 +190,7 @@
<div class="form-group form-group-block">
<input id="control-layout-width" class="control-layout-width mr-3" type="range" min="10" max="100" value="0" tabindex="-1">
<div class="control-layout-width-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-layout-width-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-layout-width-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -272,7 +272,7 @@
<div class="form-group form-group-block">
<input id="control-layout-padding" class="control-layout-padding mr-3" type="range" min="0" max="40" value="0" tabindex="-1">
<div class="control-layout-padding-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-layout-padding-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-layout-padding-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -287,7 +287,7 @@
<div class="form-group form-group-block">
<input id="control-layout-gutter" class="control-layout-gutter mr-3" type="range" min="0" max="40" value="0" tabindex="-1">
<div class="control-layout-gutter-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-layout-gutter-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-layout-gutter-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -321,7 +321,7 @@
<div class="form-group form-group-block">
<input id="control-header-area-width" class="control-header-area-width mr-3" type="range" min="10" max="100" value="0" tabindex="-1">
<div class="control-header-area-width-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-header-area-width-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-header-area-width-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-wrap">
@ -416,7 +416,7 @@
<div class="form-group form-group-block">
<input id="control-header-greeting-size" class="control-header-greeting-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
<div class="control-header-greeting-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-header-greeting-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-header-greeting-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -451,7 +451,7 @@
<div class="form-group form-group-block">
<input id="control-header-transitional-size" class="control-header-transitional-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
<div class="control-header-transitional-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-header-transitional-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-header-transitional-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -533,7 +533,7 @@
<div class="form-group form-group-block">
<input id="control-header-clock-size" class="control-header-clock-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
<div class="control-header-clock-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-header-clock-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-header-clock-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -699,7 +699,7 @@
<div class="form-group form-group-block">
<input id="control-header-date-size" class="control-header-date-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
<div class="control-header-date-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-header-date-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-header-date-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -739,7 +739,7 @@
<div class="form-group form-group-block">
<input id="control-header-search-width" class="control-header-search-width mr-3" type="range" min="10" max="100" value="0" tabindex="-1">
<div class="control-header-search-width-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-header-search-width-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-header-search-width-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -822,7 +822,7 @@
<div class="form-group form-group-block">
<input id="control-header-search-size" class="control-header-search-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
<div class="control-header-search-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-header-search-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-header-search-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">
@ -873,7 +873,7 @@
<div class="form-group form-group-block">
<input id="control-header-button-size" class="control-header-button-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
<div class="control-header-button-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-header-button-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-header-button-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -888,7 +888,7 @@
<div class="form-group form-group-block">
<input id="control-header-border-top" class="control-header-border-top mr-3" type="range" min="0" max="60" value="0" tabindex="-1">
<div class="control-header-border-top-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-header-border-top-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-header-border-top-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -897,7 +897,7 @@
<div class="form-group form-group-block">
<input id="control-header-border-bottom" class="control-header-border-bottom mr-3" type="range" min="0" max="60" value="0" tabindex="-1">
<div class="control-header-border-bottom-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-header-border-bottom-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-header-border-bottom-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -979,7 +979,7 @@
<div class="form-group form-group-block">
<input id="control-header-color-opacity" class="control-header-color-opacity mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
<div class="control-header-color-opacity-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-header-color-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-header-color-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -1013,7 +1013,7 @@
<div class="form-group form-group-block">
<input id="control-group-name-size" class="control-group-name-size mr-3" type="range" min="10" max="500" value="0" step="10" tabindex="-1">
<div class="control-group-name-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-group-name-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-group-name-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -1070,7 +1070,7 @@
<div class="form-group form-group-block">
<input id="control-group-border" class="control-group-border mr-3" type="range" min="0" max="60" value="0" tabindex="-1">
<div class="control-group-border-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-group-border-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-group-border-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">
@ -1091,7 +1091,7 @@
<div class="form-group form-group-block">
<input id="control-link-area-width" class="control-link-area-width mr-3" type="range" min="10" max="100" value="0" tabindex="-1">
<div class="control-link-area-width-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-link-area-width-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-link-area-width-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-wrap">
@ -1141,7 +1141,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-size" class="control-link-item-size mr-3" type="range" min="50" max="500" value="0" step="10" tabindex="-1">
<div class="control-link-item-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-link-item-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-link-item-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -1194,7 +1194,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-display-rotate" class="control-link-item-display-rotate mr-3" type="range" min="-180" max="180" value="0" step="5" tabindex="1">
<div class="control-link-item-display-rotate-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-link-item-display-rotate-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-link-item-display-rotate-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -1203,7 +1203,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-display-translate-x" class="control-link-item-display-translate-x mr-3" type="range" min="-1000" max="1000" value="0" step="10" tabindex="1">
<div class="control-link-item-display-translate-x-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-link-item-display-translate-x-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-link-item-display-translate-x-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -1212,7 +1212,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-display-translate-y" class="control-link-item-display-translate-y mr-3" type="range" min="-1000" max="1000" value="0" step="10" tabindex="1">
<div class="control-link-item-display-translate-y-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-link-item-display-translate-y-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-link-item-display-translate-y-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -1221,7 +1221,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-display-gutter" class="control-link-item-display-gutter mr-3" type="range" min="0" max="40" value="0" tabindex="1">
<div class="control-link-item-display-gutter-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-link-item-display-gutter-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-link-item-display-gutter-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -1266,7 +1266,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-display-letcon-letter-size" class="control-link-item-display-letcon-letter-size mr-3" type="range" min="10" max="3000" step="10" value="0" tabindex="-1">
<div class="control-link-item-display-letcon-letter-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-link-item-display-letcon-letter-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-link-item-display-letcon-letter-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<hr>
@ -1275,7 +1275,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-display-letcon-icon-size" class="control-link-item-display-letcon-icon-size mr-3" type="range" min="10" max="3000" step="10" value="0" tabindex="-1">
<div class="control-link-item-display-letcon-icon-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-link-item-display-letcon-icon-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-link-item-display-letcon-icon-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -1292,7 +1292,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-display-name-size" class="control-link-item-display-name-size mr-3" type="range" min="10" max="3000" step="10" value="0" tabindex="-1">
<div class="control-link-item-display-name-size-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-link-item-display-name-size-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-link-item-display-name-size-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -1336,14 +1336,14 @@
<div class="menu-item-form">
<div class="form-wrap">
<input id="control-link-item-color-by-theme" class="control-link-item-color-by-theme" type="radio" name="control-link-item-color-by" value="theme" tabindex="-1">
<label for="control-link-item-color-by-theme"><span class="label-icon"></span> Theme background colour</label>
<label for="control-link-item-color-by-theme"><span class="label-icon"></span> Theme colour</label>
</div>
<div class="form-helper">
<p class="control-link-item-color-by-theme-helper form-helper-item">Use the Background colour defined by the Theme.</p>
</div>
<div class="form-wrap">
<input id="control-link-item-color-by-custom" class="control-link-item-color-by-custom" type="radio" name="control-link-item-color-by" value="custom" tabindex="-1">
<label for="control-link-item-color-by-custom"><span class="label-icon"></span> Custom background colour</label>
<label for="control-link-item-color-by-custom"><span class="label-icon"></span> Custom colour</label>
</div>
<div class="form-helper">
<p class="control-link-item-color-by-custom-helper form-helper-item">Use a custom Background colour.</p>
@ -1373,7 +1373,7 @@
<div class="form-group form-group-block">
<input id="control-link-item-border" class="control-link-item-border mr-3" type="range" min="0" max="40" value="0" tabindex="-1">
<div class="control-link-item-border-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-link-item-border-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-link-item-border-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -1509,7 +1509,7 @@
<label for="control-theme-font-display-name">Display font</label>
<div class="form-group form-group-block">
<input id="control-theme-font-display-name" class="control-theme-font-display-name" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Google font name" tabindex="-1">
<button class="control-theme-font-display-name-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-theme-font-display-name-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">
@ -1560,7 +1560,7 @@
<label for="control-theme-font-ui-name">UI font</label>
<div class="form-group form-group-block">
<input id="control-theme-font-ui-name" class="control-theme-font-ui-name" type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" placeholder="Google font name" tabindex="-1">
<button class="control-theme-font-ui-name-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-theme-font-ui-name-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -1700,7 +1700,7 @@
<div class="form-group form-group-block">
<input id="control-theme-color-rgb-picker" class="form-group-item-half control-theme-color-rgb-picker" type="color" value="#000000" tabindex="1">
<input id="control-theme-color-rgb-hex" class="form-group-item-half control-theme-color-rgb-hex" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
<button class="control-theme-color-rgb-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-theme-color-rgb-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">
@ -1756,7 +1756,7 @@
<div class="form-group form-group-block">
<input id="control-theme-color-contrast-light" class="control-theme-color-contrast-light mr-3" type="range" min="100" max="800" value="400" step="10" tabindex="-1">
<div class="control-theme-color-contrast-light-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-theme-color-contrast-light-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-theme-color-contrast-light-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-wrap">
@ -1764,7 +1764,7 @@
<div class="form-group form-group-block">
<input id="control-theme-color-contrast-dark" class="control-theme-color-contrast-dark mr-3" type="range" min="100" max="800" value="400" step="10" tabindex="-1">
<div class="control-theme-color-contrast-dark-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-theme-color-contrast-dark-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-theme-color-contrast-dark-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -1779,7 +1779,7 @@
<div class="form-group form-group-block">
<input id="control-theme-accent-rgb-picker" class="form-group-item-half control-theme-accent-rgb-picker" type="color" value="#000000" tabindex="1">
<input id="control-theme-accent-rgb-hex" class="form-group-item-half control-theme-accent-rgb-hex" type="text" placeholder="Hex code" value="#000000" tabindex="1" maxlength="7" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false">
<button class="control-theme-accent-rgb-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-theme-accent-rgb-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">
@ -1829,7 +1829,7 @@
<div class="form-group form-group-block">
<input id="control-theme-radius" class="control-theme-radius mr-3" type="range" min="0" max="400" value="0" step="5" tabindex="-1">
<div class="control-theme-radius-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-theme-radius-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-theme-radius-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -1844,7 +1844,7 @@
<div class="form-group form-group-block">
<input id="control-theme-shadow" class="control-theme-shadow mr-3" type="range" min="0" max="300" value="0" step="25" tabindex="-1">
<div class="control-theme-shadow-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-theme-shadow-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-theme-shadow-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>
@ -1859,7 +1859,7 @@
<div class="form-group form-group-block">
<input id="control-theme-shade-opacity" class="control-theme-shade-opacity mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
<div class="control-theme-shade-opacity-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-theme-shade-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-theme-shade-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-helper">
@ -1877,14 +1877,14 @@
<div class="menu-item-form">
<div class="form-wrap">
<input id="control-background-color-by-theme" class="control-background-color-by-theme" type="radio" name="control-background-color-by" value="theme" tabindex="-1">
<label for="control-background-color-by-theme"><span class="label-icon"></span> Theme background colour</label>
<label for="control-background-color-by-theme"><span class="label-icon"></span> Theme colour</label>
</div>
<div class="form-helper">
<p class="control-background-color-by-theme-helper form-helper-item">Use the Background colour defined by the Theme.</p>
</div>
<div class="form-wrap">
<input id="control-background-color-by-custom" class="control-background-color-by-custom" type="radio" name="control-background-color-by" value="custom" tabindex="-1">
<label for="control-background-color-by-custom"><span class="label-icon"></span> Custom background colour</label>
<label for="control-background-color-by-custom"><span class="label-icon"></span> Custom colour</label>
</div>
<div class="form-helper">
<p class="control-background-color-by-custom-helper form-helper-item">Use a custom Background colour.</p>
@ -1969,7 +1969,7 @@
<div class="form-group form-group-block">
<input id="control-background-image-opacity" class="control-background-image-opacity mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
<div class="control-background-image-opacity-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-background-image-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-background-image-opacity-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-wrap">
@ -1977,7 +1977,7 @@
<div class="form-group form-group-block">
<input id="control-background-image-grayscale" class="control-background-image-grayscale mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
<div class="control-background-image-grayscale-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-background-image-grayscale-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-background-image-grayscale-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-wrap">
@ -1985,7 +1985,7 @@
<div class="form-group form-group-block">
<input id="control-background-image-blur" class="control-background-image-blur mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
<div class="control-background-image-blur-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-background-image-blur-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-background-image-blur-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-wrap">
@ -1993,7 +1993,7 @@
<div class="form-group form-group-block">
<input id="control-background-image-accent" class="control-background-image-accent mr-3" type="range" min="0" max="100" value="0" tabindex="-1">
<div class="control-background-image-accent-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-background-image-accent-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-background-image-accent-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
<div class="form-wrap">
@ -2001,7 +2001,7 @@
<div class="form-group form-group-block">
<input id="control-background-image-scale" class="control-background-image-scale mr-3" type="range" min="100" max="300" value="0" tabindex="-1">
<div class="control-background-image-scale-count form-group-text form-group-item-medium form-group-radius-left"></div>
<button class="control-background-image-scale-default button" tabindex="-1" title="Reset to default"><span class="icon-undo"></span></button>
<button class="control-background-image-scale-default button" tabindex="-1" title="Reset to default"><span class="icon-replay"></span></button>
</div>
</div>
</div>

View File

@ -1,6 +1,6 @@
var version = (function() {
var current = "4.23.0";
var current = "4.24.0";
var name = "Naughty Goose";

View File

@ -2,7 +2,7 @@
"name": "nightTab",
"short_name": "nightTab",
"description": "A neutral new tab page accented with a chosen colour. Customise the layout, style, background and bookmarks in nightTab.",
"version": "4.23.0",
"version": "4.24.0",
"manifest_version": 2,
"chrome_url_overrides": {
"newtab": "index.html"