Skip to content

Commit 7e43c91

Browse files
committed
Fix some colors
1 parent dc727f6 commit 7e43c91

File tree

3 files changed

+12
-7
lines changed

3 files changed

+12
-7
lines changed

chrome/player/assets/fluidplayer/css/colors.css

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,7 @@ body, body[data-theme="default"] {
4242
--popwindow-button-hover-background-color: rgb(30, 30, 30);
4343
--popwindow-button-active-background-color: rgb(0, 135, 153);
4444
--popwindow-dropdown-item-background-color: rgb(30, 30, 30);
45+
--popwindow-dropdown-item-selected-background-color: rgb(20,20,20);
4546
--popwindow-dropdown-item-hover-background-color: rgb(40, 40, 40);
4647
--popwindow-dropdown-text-focus-outline: 1px solid rgba(255, 255, 255, 0.5);
4748
--popwindow-textinput-focus-border-color: rgba(255, 255, 255, 0.5);
@@ -138,12 +139,13 @@ body[data-theme="arctic"] {
138139
--popwindow-button-hover-background-color: #e3e8f0;
139140
--popwindow-button-active-background-color: #0a84ff;
140141
--popwindow-dropdown-item-background-color: #f4f7fb;
142+
--popwindow-dropdown-item-selected-background-color: #e6e8eb;
141143
--popwindow-dropdown-item-hover-background-color: #e9eef6;
142144
--popwindow-dropdown-text-focus-outline: 1px solid rgba(10, 132, 255, 0.6);
143145
--popwindow-textinput-focus-border-color: rgba(10, 132, 255, 0.6);
144146

145-
--source-delete-button-color: rgb(160, 0, 0);
146-
--source-delete-button-hover-color: rgb(130, 0, 0);
147+
--source-delete-button-color: rgb(255, 168, 168);
148+
--source-delete-button-hover-color: rgb(223, 135, 135);
147149
--source-active-url-color: rgb(0, 140, 0);
148150
--source-headers-invalid-border: 1px solid rgb(200, 0, 0);
149151

@@ -246,6 +248,7 @@ body[data-theme="ocean"] {
246248
--popwindow-button-hover-background-color: #12223a;
247249
--popwindow-button-active-background-color: #1177bb;
248250
--popwindow-dropdown-item-background-color: #0e1a2b;
251+
--popwindow-dropdown-item-selected-background-color: #41536b;
249252
--popwindow-dropdown-item-hover-background-color: #152842;
250253
--popwindow-dropdown-text-focus-outline: 1px solid rgba(25, 183, 255, 0.6);
251254
--popwindow-textinput-focus-border-color: rgba(25, 183, 255, 0.6);
@@ -354,6 +357,7 @@ body[data-theme="neon"] {
354357
--popwindow-button-hover-background-color: #1a1a2a;
355358
--popwindow-button-active-background-color: #ff2bd6;
356359
--popwindow-dropdown-item-background-color: #141420;
360+
--popwindow-dropdown-item-selected-background-color: #0a0a0f;
357361
--popwindow-dropdown-item-hover-background-color: #1a1a2a;
358362
--popwindow-dropdown-text-focus-outline: 1px solid rgba(0, 240, 255, 0.6);
359363
--popwindow-textinput-focus-border-color: rgba(0, 240, 255, 0.6);
@@ -462,6 +466,7 @@ body[data-theme="contrast"] {
462466
--popwindow-button-hover-background-color: #1a1a1a;
463467
--popwindow-button-active-background-color: #81771d;
464468
--popwindow-dropdown-item-background-color: #0d0d0d;
469+
--popwindow-dropdown-item-selected-background-color: #000000;
465470
--popwindow-dropdown-item-hover-background-color: #1a1a1a;
466471
--popwindow-dropdown-text-focus-outline: 2px solid #ffeb3b;
467472
--popwindow-textinput-focus-border-color: #ffeb3b;

chrome/player/assets/fluidplayer/css/fluidplayer.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2068,11 +2068,11 @@ div:not(.reordering) > .volume_block:focus .tooltip .tooltiptext {
20682068
}
20692069

20702070
.delete_button:hover {
2071-
background-color: rgb(100, 0, 0);
2071+
background-color: var(--source-delete-button-hover-color);
20722072
}
20732073

20742074
.delete_button {
2075-
background-color: rgb(120, 0, 0);
2075+
background-color: var(--source-delete-button-color);
20762076
}
20772077

20782078
.dynamics_container {

chrome/player/ui/components/Dropdown.mjs

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ export function createDropdown(defaultChoice, title, items, call, editableCallba
2626
div.role = 'option';
2727

2828
if (defaultChoice === name) {
29-
div.style.backgroundColor = 'rgb(20,20,20)';
29+
div.style.backgroundColor = 'var(--popwindow-dropdown-item-selected-background-color)';
3030
}
3131
itemListElement.appendChild(div);
3232
}
@@ -85,7 +85,7 @@ function setupDropdown(itemListElement, text, container, call) {
8585
element.style.backgroundColor = '';
8686
const newIndex = (j + indexAmount + itemListElement.children.length) % itemListElement.children.length;
8787
const nextElement = itemListElement.children[newIndex];
88-
nextElement.style.backgroundColor = 'rgb(20,20,20)';
88+
nextElement.style.backgroundColor = 'var(--popwindow-dropdown-item-selected-background-color)';
8989
main.textContent = nextElement.textContent;
9090
container.dataset.val = nextElement.dataset.val;
9191
if (call) call(container.dataset.val, element.dataset.val);
@@ -126,7 +126,7 @@ function setupDropdown(itemListElement, text, container, call) {
126126

127127
for (let j = 0; j < itemListElement.children.length; j++) {
128128
if (j === i) {
129-
itemListElement.children[j].style.backgroundColor = 'rgb(20,20,20)';
129+
itemListElement.children[j].style.backgroundColor = 'var(--popwindow-dropdown-item-selected-background-color)';
130130
} else {
131131
itemListElement.children[j].style.backgroundColor = '';
132132
}

0 commit comments

Comments
 (0)