Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

A few CSS tweaks for better accessibility #7202

Merged
merged 11 commits into from
May 23, 2024
Merged

A few CSS tweaks for better accessibility #7202

Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
0de4a7e
some css tweaks for accessibility
Rossmaxx Apr 11, 2024
da455e9
suggestions from review
Rossmaxx Apr 13, 2024
3fcd1a6
classic theme focus
Rossmaxx Apr 13, 2024
0ddbc24
fix bug where button color disappears on focus
Rossmaxx Apr 13, 2024
2fb71cc
More scrollbar color changes on hover.
Rossmaxx Apr 14, 2024
0ebfeb2
Commented the hover effect for now.
Rossmaxx Apr 14, 2024
2bb2d1e
Remove handle "hover" effect.
Rossmaxx Apr 15, 2024
60dcf12
Merge branch 'LMMS:master' into css-tweaks
Rossmaxx May 13, 2024
6bef94e
scrollbar
Rossmaxx May 19, 2024
433b454
Merge branch 'LMMS:master' into css-tweaks
Rossmaxx May 19, 2024
ca503ae
revert button active state
Rossmaxx May 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 12 additions & 6 deletions data/themes/default/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -278,33 +278,33 @@ QScrollBar::add-page:vertical:pressed, QScrollBar::sub-page:vertical:pressed {
/* scrollbar: handles (sliders) */

QScrollBar::handle:horizontal {
background: #3f4750;
background: #5d6b77;
border: none;
border-radius: 4px;
min-width: 24px;
}

QScrollBar::handle:horizontal:hover {
background: #525e69;
background: #b8c4d1;
}

QScrollBar::handle:horizontal:pressed {
background: rgba(11,213,86,100);
background: #ffffff;
}

QScrollBar::handle:vertical {
background: #3f4750;
background: #5d6b77;
border: none;
border-radius: 4px;
min-height: 24px;
}

QScrollBar::handle:vertical:hover {
background: #525e69;
background: #b8c4d1;
}

QScrollBar::handle:vertical:pressed {
background: rgba(11,213,86,100);
background: #ffffff;
}

QScrollBar::handle:horizontal:disabled, QScrollBar::handle:vertical:disabled {
Expand Down Expand Up @@ -539,6 +539,12 @@ QToolButton:hover {
background: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 #7c8799, stop:1 #343840)
}

QToolButton:hover:checked {
border: 2px solid #343840;
border-radius: 2px;
background: qlineargradient(spread:reflect, x1:0, y1:0, x2:0, y2:1, stop:0 #292d33, stop:1 #22262c)
}

QToolButton:pressed {
border-top: 1px solid #778394;
border-bottom: 1px solid #1e2226;
Expand Down
Loading