rustdoc: make settings radio and checks thicker, less contrast
This is very dependent on subjectivity and what screen you use, but this change makes the radio buttons' outer circle less ugly. This is because I could see the pixels very clearly, thanks to the very thin line and high contrast. This change makes both less severe, giving your browser's antialiasing algorithm more to work with. Since it's thicker, lowering the contrast shouldn't impact visibility.
This commit is contained in:
parent
45749b21b7
commit
ad9a89eef2
5 changed files with 75 additions and 8 deletions
|
|
@ -8,7 +8,7 @@
|
|||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
color: inherit;
|
||||
border: 1px solid currentColor;
|
||||
border: 2px solid var(--settings-input-border-color);
|
||||
outline: none;
|
||||
-webkit-appearance: none;
|
||||
cursor: pointer;
|
||||
|
|
@ -52,6 +52,7 @@
|
|||
}
|
||||
.setting-check input:checked {
|
||||
background-color: var(--settings-input-color);
|
||||
border-width: 1px;
|
||||
}
|
||||
.setting-radio input:focus, .setting-check input:focus {
|
||||
box-shadow: 0 0 1px 1px var(--settings-input-color);
|
||||
|
|
|
|||
|
|
@ -7,6 +7,7 @@ Original by Dempfi (https://github.com/dempfi/ayu)
|
|||
--main-background-color: #0f1419;
|
||||
--main-color: #c5c5c5;
|
||||
--settings-input-color: #ffb454;
|
||||
--settings-input-border-color: #999;
|
||||
--settings-button-color: #fff;
|
||||
--settings-button-border-focus: #e0e0e0;
|
||||
--sidebar-background-color: #14191f;
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
--main-background-color: #353535;
|
||||
--main-color: #ddd;
|
||||
--settings-input-color: #2196f3;
|
||||
--settings-input-border-color: #999;
|
||||
--settings-button-color: #000;
|
||||
--settings-button-border-focus: #ffb900;
|
||||
--sidebar-background-color: #505050;
|
||||
|
|
|
|||
|
|
@ -2,6 +2,7 @@
|
|||
--main-background-color: white;
|
||||
--main-color: black;
|
||||
--settings-input-color: #2196f3;
|
||||
--settings-input-border-color: #717171;
|
||||
--settings-button-color: #000;
|
||||
--settings-button-border-focus: #717171;
|
||||
--sidebar-background-color: #F5F5F5;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue