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
|
/* Copyright 2022 The Chromium Authors
* Use of this source code is governed by a BSD-style license that can be
* found in the LICENSE file. */
/* #css_wrapper_metadata_start
* #type=vars
* #scheme=relative
* #import=//resources/cr_elements/cr_shared_vars.css.js
* #css_wrapper_metadata_end */
/* Colors: */
html {
--annotation-background-color: var(--google-green-50);
--annotation-text-color: var(--google-green-600);
--border-color: var(--google-grey-300);
--entity-image-background-color: var(--google-grey-50);
--icon-color: var(--google-grey-600);
--url-color: var(--google-blue-600);
}
@media (prefers-color-scheme: dark) {
html {
--annotation-background-color: var(--google-green-300);
--annotation-text-color: var(--google-grey-900);
--border-color: var(--google-grey-700);
--entity-image-background-color: var(--google-grey-800);
--icon-color: white;
--url-color: var(--google-blue-300);
}
}
/* Sizes: */
html {
--card-max-width: 960px;
--card-min-width: 550px;
--card-padding-between: 16px;
--card-padding-side: 24px;
--first-card-padding-top: 24px;
--cluster-max-width: var(--card-max-width);
--cluster-min-width: var(--card-min-width);
--cluster-padding-horizontal: var(--card-padding-side);
--cluster-padding-vertical: var(--card-padding-between);
--favicon-margin: 16px;
--favicon-size: 16px;
--first-cluster-padding-top: var(--first-card-padding-top);
--pill-height: 34px;
--pill-padding-icon: 12px;
--pill-padding-text: 16px;
--top-visit-favicon-size: 24px;
}
|
