forked from google/virtual-authenticators-tab
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
117 lines (113 loc) · 3.36 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
/*
* Copyright 2019 Google LLC
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* https://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
:root {
--accent-color: #1a73e8;
--accent-fg-color: #1a73e8;
--accent-color-hover: #3b86e8;
--accent-text-color: #1a73e8;
--accent-button-color: #1a85cc;
--accent-button-color-hover: #2a95dc;
--active-control-bg-color: #5a5a5a;
--focus-bg-color: hsl(214, 40%, 92%);
--focus-ring-inactive-shadow-color: #e0e0e0;
--input-validation-error: #db1600;
--toolbar-bg-color: #f3f3f3;
--toolbar-hover-bg-color: #eaeaea;
--selection-fg-color: white;
--selection-inactive-fg-color: #5a5a5a;
--selection-inactive-bg-color: #dadada;
--tab-selected-fg-color: #333;
--tab-selected-bg-color: var(--toolbar-bg-color);
--drop-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(0, 0, 0, 0.1);
--divider-color: #d0d0d0;
--focus-ring-inactive-shadow: 0 0 0 1px var(--focus-ring-inactive-shadow-color);
--item-selection-bg-color: #cfe8fc;
--item-selection-inactive-bg-color: #e0e0e0;
--main-bg-color: white;
--main-fg-color: rgb(48, 57, 66);
}
.-theme-with-dark-background {
--accent-color: #2a95dc;
--accent-fg-color: #cccccc;
--accent-text-color: #fff;
--accent-color-hover: #3aa5ec;
--accent-button-color: #1a85cc;
--accent-button-color-hover: #2a95dc;
--active-control-bg-color: #cdcdcd;
--focus-bg-color: hsl(214, 19%, 27%);
--focus-ring-inactive-shadow-color: #5a5a5a;
--toolbar-bg-color: #333333;
--toolbar-hover-bg-color: #202020;
--selection-fg-color: #cdcdcd;
--selection-inactive-fg-color: #cdcdcd;
--selection-inactive-bg-color: hsl(0, 0%, 28%);
--tab-selected-fg-color: #eaeaea;
--tab-selected-bg-color: black;
--drop-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2), 0 2px 4px 2px rgba(0, 0, 0, 0.2), 0 2px 6px 2px rgba(0, 0, 0, 0.1);
--divider-color: #525252;
--focus-ring-inactive-shadow: 0 0 0 1px var(--focus-ring-inactive-shadow-color);
--item-selection-bg-color: hsl(207, 88%, 22%);
--item-selection-inactive-bg-color: #454545;
--main-bg-color: rgb(39, 39, 39);
--main-fg-color: rgb(189, 198, 207);
}
body {
min-width: 300px;
font-family: "sans";
margin: 0;
font-family: roboto, ubuntu, arial, sans-serif;
font-size: 12px;
color: var(--main-fg-color);
background-color: var(--toolbar-bg-color);
}
h1 {
font-size: 15px;
font-weight: normal;
}
.hidden {
display: none !important;
}
.code {
font-family: "monospace";
}
.checkbox-container * {
cursor: pointer;
}
.checkbox-container {
align-items: center;
display: inline-flex;
margin-top: 4px;
}
.content {
background-color: var(--main-bg-color);
border-bottom: 1px solid var(--divider-color);
padding-left: 30px;
padding: 15px;
}
label :hover {
color: black;
}
#splash {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 100%;
pointer-events: none;
}