xref: /aosp_15_r20/external/perfetto/ui/src/assets/widgets/theme.scss (revision 6dbdd20afdafa5e3ca9b8809fa73465d530080dc)
1// Copyright (C) 2023 The Android Open Source Project
2//
3// Licensed under the Apache License, Version 2.0 (the "License");
4// you may not use this file except in compliance with the License.
5// You may obtain a copy of the License at
6//
7//      http://www.apache.org/licenses/LICENSE-2.0
8//
9// Unless required by applicable law or agreed to in writing, software
10// distributed under the License is distributed on an "AS IS" BASIS,
11// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12// See the License for the specific language governing permissions and
13// limitations under the License.
14
15// Standard theme settings for widgets
16
17$pf-font: "Roboto Condensed", sans-serif;
18$pf-border-radius: 2px;
19$pf-anim-timing: 150ms cubic-bezier(0.4, 0, 0.2, 1);
20
21// Here we describe two colour schemes: primary and minimal
22// It is assumed widgets exist on a light background
23// Primary is to be used for things like buttons and checkboxes
24// Minimal is to be used for things like inputs and labels
25// Some controls (i.e. checkboxes) may mix and match both in the same widget.
26// Other controls might use the primary scheme by default, but have a minimal
27// configuration which makes them use the minimal colour scheme.
28
29$pf-primary-foreground: #fff;
30$pf-primary-foreground-disabled: #aaa;
31$pf-primary-border: #31466f;
32$pf-primary-background: #3d5688;
33$pf-primary-background-hover: #4966a2;
34$pf-primary-background-active: #243e71;
35$pf-primary-background-disabled: #666;
36
37$pf-minimal-foreground: #19212b;
38$pf-minimal-foreground-disabled: #aaa;
39$pf-minimal-border: #aaa;
40$pf-minimal-background: none;
41$pf-minimal-background-hover: #0001;
42$pf-minimal-background-active: #0002;
43$pf-minimal-background-disabled: none;
44
45$pf-colour-thin-border: #aaa;
46
47@mixin focus {
48  outline: 2px auto #64b5f6;
49}
50