RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 10:27:35 +00:00
Code Issues Activity Actions

Base: Add radio buttons to the accent-color demo page

Browse source
This commit is contained in:
MacDue 2023-03-24 00:04:00 +01:00 • committed by Linus Groh
parent dd77b878b3
commit 5ba7449342
1 changed files with 72 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

108
Base/res/html/misc/accent-color.html
View file

@ -13,53 +13,89 @@
<div>
<b>System color</b><br>
<input type="checkbox" checked></input>
<input type="checkbox" ></input>
<input class="indeterminate" type="checkbox"></input>
<input type="checkbox" checked disabled></input>
<input type="checkbox" disabled></input>
<input class="indeterminate" type="checkbox" disabled></input>
<form>
<input type="checkbox" checked></input>
<input type="checkbox" ></input>
<input class="indeterminate" type="checkbox"></input>
<input type="checkbox" checked disabled></input>
<input type="checkbox" disabled></input>
<input class="indeterminate" type="checkbox" disabled></input>
<input class="big" type="checkbox" checked></input>
<input class="big" type="checkbox" ></input>
<input class="big indeterminate" type="checkbox"></input>
<input class="big" type="checkbox" checked disabled></input>
<input class="big" type="checkbox" disabled></input>
<input class="big indeterminate" type="checkbox" disabled></input>
<input class="big" type="checkbox" checked></input>
<input class="big" type="checkbox" ></input>
<input class="big indeterminate" type="checkbox"></input>
<input class="big" type="checkbox" checked disabled></input>
<input class="big" type="checkbox" disabled></input>
<input class="big indeterminate" type="checkbox" disabled></input>
</form>
<form>
<input type="radio" checked></input>
<input type="radio"></input>
<input type="radio" checked disabled></input>
<input type="radio" disabled></input>
<input class="big" type="radio" checked></input>
<input class="big" type="radio"></input>
<input class="big" type="radio" checked disabled></input>
<input class="big" type="radio" disabled></input>
</form>
</div>
<br>
<div class="color-dark">
<b>Dark accent color</b><br>
<input type="checkbox" checked></input>
<input type="checkbox" ></input>
<input class="indeterminate" type="checkbox"></input>
<input type="checkbox" checked disabled></input>
<input type="checkbox" disabled></input>
<input class="indeterminate" type="checkbox" disabled></input>
<form>
<input type="checkbox" checked></input>
<input type="checkbox" ></input>
<input class="indeterminate" type="checkbox"></input>
<input type="checkbox" checked disabled></input>
<input type="checkbox" disabled></input>
<input class="indeterminate" type="checkbox" disabled></input>
<input class="big" type="checkbox" checked></input>
<input class="big" type="checkbox" ></input>
<input class="big indeterminate" type="checkbox"></input>
<input class="big" type="checkbox" checked disabled></input>
<input class="big" type="checkbox" disabled></input>
<input class="big indeterminate" type="checkbox" disabled></input>
<input class="big" type="checkbox" checked></input>
<input class="big" type="checkbox" ></input>
<input class="big indeterminate" type="checkbox"></input>
<input class="big" type="checkbox" checked disabled></input>
<input class="big" type="checkbox" disabled></input>
<input class="big indeterminate" type="checkbox" disabled></input>
</form>
<form>
<input type="radio" checked></input>
<input type="radio"></input>
<input type="radio" checked disabled></input>
<input type="radio" disabled></input>
<input class="big" type="radio" checked></input>
<input class="big" type="radio"></input>
<input class="big" type="radio" checked disabled></input>
<input class="big" type="radio" disabled></input>
</form>
</div>
<br>
<div class="color-light">
<b>Light accent color</b><br>
<input type="checkbox" checked></input>
<input type="checkbox" ></input>
<input class="indeterminate" type="checkbox"></input>
<input type="checkbox" checked disabled></input>
<input type="checkbox" disabled></input>
<input class="indeterminate" type="checkbox" disabled></input>
<form>
<input type="checkbox" checked></input>
<input type="checkbox" ></input>
<input class="indeterminate" type="checkbox"></input>
<input type="checkbox" checked disabled></input>
<input type="checkbox" disabled></input>
<input class="indeterminate" type="checkbox" disabled></input>
<input class="big" type="checkbox" checked></input>
<input class="big" type="checkbox" ></input>
<input class="big indeterminate" type="checkbox"></input>
<input class="big" type="checkbox" checked disabled></input>
<input class="big" type="checkbox" disabled></input>
<input class="big indeterminate" type="checkbox" disabled></input>
<input class="big" type="checkbox" checked></input>
<input class="big" type="checkbox" ></input>
<input class="big indeterminate" type="checkbox"></input>
<input class="big" type="checkbox" checked disabled></input>
<input class="big" type="checkbox" disabled></input>
<input class="big indeterminate" type="checkbox" disabled></input>
</form>
<form>
<input type="radio" checked></input>
<input type="radio"></input>
<input type="radio" checked disabled></input>
<input type="radio" disabled></input>
<input class="big" type="radio" checked></input>
<input class="big" type="radio"></input>
<input class="big" type="radio" checked disabled></input>
<input class="big" type="radio" disabled></input>
</form>
</div>
<br>
<script>