diff --git a/ext/src/ui/photon-widgets.css b/ext/src/ui/photon-widgets.css index d3b8470..38cff7a 100644 --- a/ext/src/ui/photon-widgets.css +++ b/ext/src/ui/photon-widgets.css @@ -49,27 +49,26 @@ } } - button, input, textarea, +select, .select-wrapper { border: 1px solid transparent; border-radius: 2px; - overflow: hidden; } button, -.select-wrapper { +select { background-color: var(--button-background); color: var(--button-color); } button:not(:disabled):hover, -.select-wrapper:not(:disabled):hover { +select:not(:disabled):hover { background-color: var(--button-background-hover); } button:not(:disabled):active, -.select-wrapper:not(:disabled):hover:active { +select:not(:disabled):hover:active { background-color: var(--button-background-active); } @@ -86,7 +85,7 @@ textarea:hover { } :-moz-any(button, input, textarea, select):focus { - border-color: var(--blue-50); + border-color: var(--blue-50) !important; box-shadow: var(--focus-box-shadow); outline: initial; } @@ -149,14 +148,9 @@ button:default:hover:active { } select { -moz-appearance: none; - background: inherit; - border: initial; - color: inherit; padding-right: calc(8px + var(--arrow-width)); } -option { - color: white !important; -} + option:disabled { - color: rgba(255, 255, 255, 0.25) !important; + opacity: 0.35; } diff --git a/ext/src/ui/popup/styles/index.css b/ext/src/ui/popup/styles/index.css index aa8d588..dd32d30 100755 --- a/ext/src/ui/popup/styles/index.css +++ b/ext/src/ui/popup/styles/index.css @@ -1,6 +1,6 @@ body { - background: -moz-dialog; - color: -moz-dialogtext; + background: var(--grey-10); + color: var(--grey-90); margin: initial; font: message-box; } @@ -38,12 +38,10 @@ body { } .media-select__dropdown { - padding-top: 0; - padding-bottom: 0; - display: inline-block; + padding-top: 2px; + padding-bottom: 2px; } - .receivers { list-style: none; margin: initial; diff --git a/ext/src/ui/popup/styles/mac.css b/ext/src/ui/popup/styles/mac.css index a8f7da6..26b9e1d 100755 --- a/ext/src/ui/popup/styles/mac.css +++ b/ext/src/ui/popup/styles/mac.css @@ -1,5 +1,4 @@ body { - background: rgb(236, 236, 236); font: menu; } @@ -8,15 +7,7 @@ select { font: inherit; } -button:not([disabled]):hover:active { - color: -moz-mac-buttonactivetext; -} - .receiver__address, .receiver__status { font: message-box; } - -.receiver__connect { - height: 22px; -}