FrontEnd/src/views/common/theme.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

@import "./theme-color.css";

:root {
  --cru-hover-lightness-change: 4%;
  --cru-focus-lightness-change: 10%;
  --cru-press-lightness-change: 10%;
  --cru-drag-lightness-change: 15%;

  --cru-hover-darkness: calc(100% - var(--cru-hover-lightness-change));
  --cru-focus-darkness: calc(100% - var(--cru-focus-lightness-change));
  --cru-press-darkness: calc(100% - var(--cru-press-lightness-change));
  --cru-drag-darkness: calc(100% - var(--cru-drag-lightness-change));
  --cru-hover-brightness: calc(100% + var(--cru-hover-lightness-change));
  --cru-focus-brightness: calc(100% + var(--cru-focus-lightness-change));
  --cru-press-brightness: calc(100% + var(--cru-press-lightness-change));
  --cru-drag-brightness: calc(100% + var(--cru-drag-lightness-change));
}

/*
:hover {
  filter: brightness(var(--cru-hover-darkness));
}

:focus {
  filter: brightness(var(--cru-focus-darkness));
}

:active {
  filter: brightness(var(--cru-press-darkness));
}
*/

:root {
  --cru-default-font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  --cru-card-border-radius: 8px;
}