diff --git a/vivaldi/mods/CSS/quick-command-tweaks.css b/vivaldi/mods/CSS/quick-command-tweaks.css index 4b10734..e4f017b 100755 --- a/vivaldi/mods/CSS/quick-command-tweaks.css +++ b/vivaldi/mods/CSS/quick-command-tweaks.css @@ -1,6 +1,15 @@ /* Placement */ .qc-modal {top: 15vh !important;} +/* Styling */ +.qc-modal .modal-wrapper { + color: var(--colorFgIntense) !important; + background-color: var(--colorBgAlphaBlur) !important; + backdrop-filter: var(--backgroundBlur); + border: 2px solid var(--colorAccentBgAlphaHeavy); + border-radius: var(--radius); +} + /* Width */ .quick-command-container, .quick-commands > div {width: 60vw !important;} .quick-commands > div > div {max-width: 100% !important;} @@ -10,20 +19,11 @@ .quick-commands {max-height: 100% !important;} /* Transparency */ -.quick-commands, .qc-entry {background-color: transparent !important;} +.quick-commands, .qc-entry {background-color: var(--colorBgAlphaHeavy) !important;} /* Selected line */ .quick-command[data-selected] {background-color: var(--colorHighlightBg) !important;} -/* Styling */ -.qc-modal > div { - color: var(--colorFgIntense) !important; - background-color: var(--colorBgAlphaBlur) !important; - backdrop-filter: var(--backgroundBlur); - border: 2px solid var(--colorAccentBgAlphaHeavy); - border-radius: var(--radius); -} - /* Hide scrollbar */ /*** .qc-modal ::-webkit-scrollbar-track,