sam_oneal/fx_cast
1
0
Fork 0
mirror of https://github.com/hensm/fx_cast.git synced 2026-06-12 18:39:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update options page style for Photon design

Browse Source
This commit is contained in:
hensm
2021-05-27 01:51:12 +01:00
parent d343ac4629
commit 2a5ef05353
3 changed files with 16 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
ext/src/ui/options/styles/index.css
View File

@@ -356,7 +356,7 @@ button.ghost:not(:hover) {
} }
.editable-list__item:nth-child(odd) { .editable-list__item:nth-child(odd) {
background-color: var(--grey-20); background-color: rgba(0, 0, 0, 0.05);
} }
.editable-list__item--selected { .editable-list__item--selected {
@@ -411,6 +411,6 @@ button.ghost:not(:hover) {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
.editable-list__item:nth-child(odd) { .editable-list__item:nth-child(odd) {
background-color: var(--grey-80); background-color: rgba(255, 255, 255, 0.05);
} }
} }

15
ext/src/ui/photon-widgets.css
View File

@@ -2,13 +2,14 @@
--shadow-10: 0 1px 4px rgba(12, 12, 13, 0.1); --shadow-10: 0 1px 4px rgba(12, 12, 13, 0.1);
--shadow-20: 0 2px 8px rgba(12, 12, 13, 0.1); --shadow-20: 0 2px 8px rgba(12, 12, 13, 0.1);
--shadow-30: 0 4px 16px rgba(12, 12, 13, 0.1); --shadow-30: 0 4px 16px rgba(12, 12, 13, 0.1);
--focus-border-color: var(--blue-50);
--box-background: var(--white-100); --box-background: var(--white-100);
--box-color: var(--grey-90); --box-color: var(--grey-90);
--focus-box-shadow: --focus-box-shadow:
0 0 0 1px var(--blue-50) 0 0 0 1px var(--focus-border-color);
, 0 0 0 4px var(--blue-50-a30);
--button-background: var(--grey-90-a10); --button-background: var(--grey-90-a10);
--button-background-hover: var(--grey-90-a20); --button-background-hover: var(--grey-90-a20);
@@ -35,12 +36,12 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--box-background: #202023; --box-background: rgb(35, 34, 43);
--box-color: var(--white-100); --box-color: var(--white-100);
--button-background: #474749; --button-background: rgb(71, 70, 79);
--button-background-hover: #505054; --button-background-hover: rgb(80, 79, 88);
--button-background-active: #5c5c5e; --button-background-active: rgb(92, 91, 100);
--button-color: var(--white-100); --button-color: var(--white-100);
--field-placeholder-color: var(--grey-30); --field-placeholder-color: var(--grey-30);
@@ -85,7 +86,7 @@ textarea:hover {
} }
:-moz-any(button, input, textarea, select):focus { :-moz-any(button, input, textarea, select):focus {
border-color: var(--blue-50) !important; border-color: var(--focus-border-color) !important;
box-shadow: var(--focus-box-shadow); box-shadow: var(--focus-box-shadow);
outline: initial; outline: initial;
} }

6
ext/src/ui/popup/styles/index.css
View File

@@ -1,3 +1,9 @@
:root {
--button-background: #474749;
--button-background-hover: #505054;
--button-background-active: #5c5c5e;
}
body { body {
background: var(--grey-10); background: var(--grey-10);
color: var(--grey-90); color: var(--grey-90);