Add --focus-ring
parent
5b0263636d
commit
2041aa5913
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#1e1e1e;
|
||||
--surface-border:#383838;
|
||||
--surface-hover:rgba(255,255,255,.03);
|
||||
--focus-ring: 0 0 0 1px #93cbf9;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#1e1e1e;
|
||||
--surface-border:#383838;
|
||||
--surface-hover:rgba(255,255,255,.03);
|
||||
--focus-ring: 0 0 0 1px #a7d8a9;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#1e1e1e;
|
||||
--surface-border:#383838;
|
||||
--surface-hover:rgba(255,255,255,.03);
|
||||
--focus-ring: 0 0 0 1px #ffe284;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#1e1e1e;
|
||||
--surface-border:#383838;
|
||||
--surface-hover:rgba(255,255,255,.03);
|
||||
--focus-ring: 0 0 0 1px #cf95d9;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#2a323d;
|
||||
--surface-border:#3f4b5b;
|
||||
--surface-hover:rgba(255,255,255,.04);
|
||||
--focus-ring: 0 0 0 1px #e3f3fe;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#2a323d;
|
||||
--surface-border:#3f4b5b;
|
||||
--surface-hover:rgba(255,255,255,.04);
|
||||
--focus-ring: 0 0 0 1px #f0e6f5;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:#dee2e6;
|
||||
--surface-hover:#e9ecef;
|
||||
--focus-ring: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:#dee2e6;
|
||||
--surface-hover:#e9ecef;
|
||||
--focus-ring: 0 0 0 0.2rem rgba(136, 60, 174, 0.5);
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:#edebe9;
|
||||
--surface-hover:#f3f2f1;
|
||||
--focus-ring: inset 0 0 0 1px #605e5c;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#323232;
|
||||
--surface-border:#4b4b4b;
|
||||
--surface-hover:#4c4c4c;
|
||||
--focus-ring: 0 0 0 0.1rem white;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#323232;
|
||||
--surface-border:#4b4b4b;
|
||||
--surface-hover:#4c4c4c;
|
||||
--focus-ring: 0 0 0 0.1rem white;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#323232;
|
||||
--surface-border:#4b4b4b;
|
||||
--surface-hover:#4c4c4c;
|
||||
--focus-ring: 0 0 0 0.1rem white;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#323232;
|
||||
--surface-border:#4b4b4b;
|
||||
--surface-hover:#4c4c4c;
|
||||
--focus-ring: 0 0 0 0.1rem white;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#262626;
|
||||
--surface-border:hsla(0,0%,100%,.12);
|
||||
--surface-hover:hsla(0,0%,100%,.04);
|
||||
--focus-ring: none;
|
||||
}
|
||||
|
||||
/* roboto-regular - latin-ext_latin */
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#262626;
|
||||
--surface-border:hsla(0,0%,100%,.12);
|
||||
--surface-hover:hsla(0,0%,100%,.04);
|
||||
--focus-ring: none;
|
||||
}
|
||||
|
||||
/* roboto-regular - latin-ext_latin */
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:rgba(0,0,0,.12);
|
||||
--surface-hover:rgba(0,0,0,.04);
|
||||
--focus-ring: none;
|
||||
}
|
||||
|
||||
/* roboto-regular - latin-ext_latin */
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:rgba(0,0,0,.12);
|
||||
--surface-hover:rgba(0,0,0,.04);
|
||||
--focus-ring: none;
|
||||
}
|
||||
|
||||
/* roboto-regular - latin-ext_latin */
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#262626;
|
||||
--surface-border:hsla(0,0%,100%,.12);
|
||||
--surface-hover:hsla(0,0%,100%,.04);
|
||||
--focus-ring: none;
|
||||
}
|
||||
|
||||
/* roboto-regular - latin-ext_latin */
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#262626;
|
||||
--surface-border:hsla(0,0%,100%,.12);
|
||||
--surface-hover:hsla(0,0%,100%,.04);
|
||||
--focus-ring: none;
|
||||
}
|
||||
|
||||
/* roboto-regular - latin-ext_latin */
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:rgba(0,0,0,.12);
|
||||
--surface-hover:rgba(0,0,0,.04);
|
||||
--focus-ring: none;
|
||||
}
|
||||
|
||||
/* roboto-regular - latin-ext_latin */
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:rgba(0,0,0,.12);
|
||||
--surface-hover:rgba(0,0,0,.04);
|
||||
--focus-ring: none;
|
||||
}
|
||||
|
||||
/* roboto-regular - latin-ext_latin */
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:#c8c8c8;
|
||||
--surface-hover:#eaeaea;
|
||||
--focus-ring: 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:#c8c8c8;
|
||||
--surface-hover:#eaeaea;
|
||||
--focus-ring: 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:#c8c8c8;
|
||||
--surface-hover:#eaeaea;
|
||||
--focus-ring: 0 0 0 0.2rem #c2e9d8;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:#c8c8c8;
|
||||
--surface-hover:#eaeaea;
|
||||
--focus-ring: 0 0 0 0.2rem #8dcdff;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:#dadada;
|
||||
--surface-hover: #eaeaea;
|
||||
--focus-ring: 0 0 0 0.2rem #e4e9ec;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:#dee2e6;
|
||||
--surface-hover: #e9ecef;
|
||||
--focus-ring: 0 0 0 0.2rem #a6d5fa;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:#dee2e6;
|
||||
--surface-hover: #e9ecef;
|
||||
--focus-ring: 0 0 0 0.2rem #b7e0b8;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:#dee2e6;
|
||||
--surface-hover: #e9ecef;
|
||||
--focus-ring: 0 0 0 0.2rem #ffe69c;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:#dee2e6;
|
||||
--surface-hover: #e9ecef;
|
||||
--focus-ring: 0 0 0 0.2rem #df9eea;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#ffffff;
|
||||
--surface-border:#e5e7eb;
|
||||
--surface-hover: #f4f4f5;
|
||||
--focus-ring: 0 0 0 1px #6366F1;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#1f2d40;
|
||||
--surface-border:#304562;
|
||||
--surface-hover:rgba(255,255,255,.03);
|
||||
--focus-ring: 0 0 0 1px #93cbf9;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#1f2d40;
|
||||
--surface-border:#304562;
|
||||
--surface-hover:rgba(255,255,255,.03);
|
||||
--focus-ring: 0 0 0 1px #a7d8a9;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#1f2d40;
|
||||
--surface-border:#304562;
|
||||
--surface-hover:rgba(255,255,255,.03);
|
||||
--focus-ring: 0 0 0 1px #ffe284;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
|
@ -40,6 +40,7 @@
|
|||
--surface-overlay:#1f2d40;
|
||||
--surface-border:#304562;
|
||||
--surface-hover:rgba(255,255,255,.03);
|
||||
--focus-ring: 0 0 0 1px #cf95d9;
|
||||
}
|
||||
|
||||
* {
|
||||
|
|
Loading…
Reference in New Issue