nertyog
/
Image_Optimizer_NAT-2.0-2.2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: improve category badge contrast, padding, and border-radius in light/dark themes

This commit is contained in:
nertyog 2026-08-07 04:34:20 +03:00
parent b7b476e472
commit 082fe99fc6
2 changed files with 62 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
docs/instruction.html
View File

@ -679,6 +679,48 @@
.badge-cat {
display: inline-block;
padding: 5px 11px;
font-size: 11.5px;
font-weight: 700;
border-radius: 6px;
text-transform: uppercase;
letter-spacing: 0.5px;
line-height: 1.3;
white-space: nowrap;
}
.badge-cat.scanner {
background-color: rgba(59, 130, 246, 0.18);
color: #60a5fa;
border: 1px solid rgba(59, 130, 246, 0.35);
}
body.light-theme .badge-cat.scanner {
background-color: #dbeafe;
color: #1d4ed8;
border: 1px solid #bfdbfe;
}
.badge-cat.generator {
background-color: rgba(16, 185, 129, 0.18);
color: #34d399;
border: 1px solid rgba(16, 185, 129, 0.35);
}
body.light-theme .badge-cat.generator {
background-color: #d1fae5;
color: #047857;
border: 1px solid #a7f3d0;
}
.badge-cat.experimental {
background-color: rgba(239, 68, 68, 0.18);
color: #f87171;
border: 1px solid rgba(239, 68, 68, 0.35);
}
body.light-theme .badge-cat.experimental {
background-color: #fee2e2;
color: #b91c1c;
border: 1px solid #fca5a5;
}
.badge-series {
display: inline-block;
@ -2660,7 +2702,7 @@
<td><b>broken_db</b></td>
<td><span class="badge" style="background:#3b82f6;">Сканер</span></td>
<td><span class="badge-cat scanner">Сканер</span></td>
<td>
@ -2678,7 +2720,7 @@
<td><b>broken_files</b></td>
<td><span class="badge" style="background:#3b82f6;">Сканер</span></td>
<td><span class="badge-cat scanner">Сканер</span></td>
<td>
@ -2696,7 +2738,7 @@
<td><b>empty_folders</b></td>
<td><span class="badge" style="background:#3b82f6;">Сканер</span></td>
<td><span class="badge-cat scanner">Сканер</span></td>
<td>
@ -2714,7 +2756,7 @@
<td><b>folder_tree</b></td>
<td><span class="badge" style="background:#3b82f6;">Сканер</span></td>
<td><span class="badge-cat scanner">Сканер</span></td>
<td>
@ -2732,7 +2774,7 @@
<td><b>html_broken</b></td>
<td><span class="badge" style="background:#3b82f6;">Сканер</span></td>
<td><span class="badge-cat scanner">Сканер</span></td>
<td>
@ -2750,7 +2792,7 @@
<td><b>small_photos</b></td>
<td><span class="badge" style="background:#3b82f6;">Сканер</span></td>
<td><span class="badge-cat scanner">Сканер</span></td>
<td>
@ -2768,7 +2810,7 @@
<td><b>duplicates</b></td>
<td><span class="badge" style="background:#3b82f6;">Сканер</span></td>
<td><span class="badge-cat scanner">Сканер</span></td>
<td>
@ -2786,7 +2828,7 @@
<td><b>heavy_files</b></td>
<td><span class="badge" style="background:#3b82f6;">Сканер</span></td>
<td><span class="badge-cat scanner">Сканер</span></td>
<td>
@ -2804,7 +2846,7 @@
<td><b>cmyk</b></td>
<td><span class="badge" style="background:#3b82f6;">Сканер</span></td>
<td><span class="badge-cat scanner">Сканер</span></td>
<td>
@ -2822,7 +2864,7 @@
<td><b>svg_security</b></td>
<td><span class="badge" style="background:#3b82f6;">Сканер</span></td>
<td><span class="badge-cat scanner">Сканер</span></td>
<td>
@ -2840,7 +2882,7 @@
<td><b>black_bg</b></td>
<td><span class="badge" style="background:#3b82f6;">Сканер</span></td>
<td><span class="badge-cat scanner">Сканер</span></td>
<td>
@ -2858,7 +2900,7 @@
<td><b>watermark</b></td>
<td><span class="badge" style="background:#10b981;">Генератор</span></td>
<td><span class="badge-cat generator">Генератор</span></td>
<td>
@ -2876,7 +2918,7 @@
<td><b>placeholders</b></td>
<td><span class="badge" style="background:#10b981;">Генератор</span></td>
<td><span class="badge-cat generator">Генератор</span></td>
<td>
@ -2894,7 +2936,7 @@
<td><b>png_jpg</b></td>
<td><span class="badge" style="background:#10b981;">Генератор</span></td>
<td><span class="badge-cat generator">Генератор</span></td>
<td>
@ -2912,7 +2954,7 @@
<td><b>exif</b></td>
<td><span class="badge" style="background:#10b981;">Генератор</span></td>
<td><span class="badge-cat generator">Генератор</span></td>
<td>
@ -2930,7 +2972,7 @@
<td><b>smart_cache</b></td>
<td><span class="badge" style="background:#10b981;">Генератор</span></td>
<td><span class="badge-cat generator">Генератор</span></td>
<td>
@ -2948,7 +2990,7 @@
<td><b>sanitizer</b></td>
<td><span class="badge" style="background:#ef4444;">Експериментальний</span></td>
<td><span class="badge-cat experimental">Експериментальний</span></td>
<td>
@ -2966,7 +3008,7 @@
<td><b>translit</b></td>
<td><span class="badge" style="background:#ef4444;">Експериментальний</span></td>
<td><span class="badge-cat experimental">Експериментальний</span></td>
<td>
@ -2984,7 +3026,7 @@
<td><b>cache_restore</b></td>
<td><span class="badge" style="background:#ef4444;">Експериментальний</span></td>
<td><span class="badge-cat experimental">Експериментальний</span></td>
<td>
@ -3863,3 +3905,4 @@
</html>

BIN
image_optimizer_nat_OC_20_22_1_1.ocmod.zip
View File

Binary file not shown.