Skip to content

Set all big buttons to share same colour as menu background in all modes #280

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

Merged
tracygardner merged 6 commits into from
Feb 1, 2026
Merged

Set all big buttons to share same colour as menu background in all modes #280

Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
7c42a15
Set all big buttons to share same colour as menu background in defaul…
Zishan-Rahman Jan 21, 2026
b7ed309
Retain grey colour for Demo dropdown menu button in default light mode
Zishan-Rahman Jan 21, 2026
a2cb65a
Change colour of icons in contrast mode so that they can be seen
Zishan-Rahman Jan 22, 2026
80f3519
Ensure demo menu background colour is same as overall menu background…
Zishan-Rahman Jan 23, 2026
a5de7c4
Make colour of menu dropdown background same as overall UI background…
Zishan-Rahman Jan 25, 2026
caed8ad
Add border to demo dropdown for Contrast theme only
Zishan-Rahman Jan 29, 2026
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
21 changes: 18 additions & 3 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -233,7 +233,18 @@
}

[data-theme="contrast"] #exampleSelect {
color: #000000 !important;
color: white !important;
background-color: var(--color-bg) !important;
border-style: solid;
border-width: 1px;
}

[data-theme="dark"] #exampleSelect {
background-color: var(--color-bg) !important;
}

[data-theme="dark-contrast"] #exampleSelect {
background-color: var(--color-bg) !important;
}

/* Loading Screen Styles */
Expand Down Expand Up @@ -466,14 +477,18 @@ button {
padding: 4px;
font-size: 18px;
min-height:30px;
background-color: var(--color-button-bg);
background-color: var(--color-bg);
color: var(--color-text-primary);
border: none;
border-radius: 15px;
cursor: pointer;
touch-action: manipulation;
}

#exampleSelect {
background-color: var(--color-button-bg);
}

.bigbutton:hover {
background-color: var(--color-button-bg-hover);
}
Expand Down Expand Up @@ -536,7 +551,7 @@ button {
}

[data-theme="contrast"] .icon path {
fill: #000000 !important;
fill: #ffffff !important;
}

[data-theme="contrast"] .gizmo-button img {
Expand Down