mirror of
https://github.com/LibreTranslate/LibreTranslate.git
synced 2025-05-31 20:02:20 +00:00
Improve color contrast for WCAG standards + add underline to links
This commit is contained in:
parent
27d076a1b4
commit
7afce9ae2a
2 changed files with 35 additions and 15 deletions
|
@ -7,6 +7,10 @@ select {
|
|||
font-family: Arial, Helvetica, sans-serif !important;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#app {
|
||||
min-height: 80vh;
|
||||
}
|
||||
|
@ -97,7 +101,7 @@ h3.header {
|
|||
background: none;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
color: #777;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.btn-delete-text:focus,
|
||||
|
@ -109,7 +113,7 @@ h3.header {
|
|||
position: absolute;
|
||||
right: 2rem;
|
||||
bottom: 1rem;
|
||||
color: #777;
|
||||
color: #666;
|
||||
pointer-events: none;
|
||||
}
|
||||
.actions {
|
||||
|
@ -121,7 +125,7 @@ h3.header {
|
|||
|
||||
.btn-switch-type {
|
||||
background-color: #fff;
|
||||
color: #42A5F5;
|
||||
color: #1565C0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin: .5rem;
|
||||
|
@ -133,11 +137,11 @@ h3.header {
|
|||
|
||||
.btn-switch-type:hover {
|
||||
background-color: #eee !important;
|
||||
color: #42A5F5;
|
||||
color: #1565C0;
|
||||
}
|
||||
|
||||
.btn-switch-type.active {
|
||||
background-color: #42A5F5 !important;
|
||||
background-color: #1565C0 !important;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
@ -161,7 +165,7 @@ h3.header {
|
|||
.btn-action {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #777;
|
||||
color: #666;
|
||||
font-size: 0.85rem;
|
||||
background: none;
|
||||
border: none;
|
||||
|
@ -169,10 +173,10 @@ h3.header {
|
|||
}
|
||||
|
||||
.btn-blue {
|
||||
color: #42A5F5;
|
||||
color: #1565C0;
|
||||
}
|
||||
.btn-action:disabled {
|
||||
color: #777;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.btn-action span {
|
||||
|
@ -256,6 +260,22 @@ h3.header {
|
|||
height: 32px;
|
||||
}
|
||||
|
||||
.brand-logo {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.sidenav-trigger {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
color: white;
|
||||
}
|
||||
|
||||
@media (min-width: 993px) {
|
||||
nav button.sidenav-trigger {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
#download-btn-wrapper {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue