pybr2025-site/frontend/packages/volto-pythonbrasil-site/src/theme/_root.scss at 36082d28aa4c0a7decdf2b061f21648a36094a65 · pythonbrasil/pybr2025-site · GitHub

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
:root {
  // Layout
  --narrow-container-width: 960px;
  --default-container-width: 1024px;
  --layout-container-width: 1440px;
  // Theme
  --primary-color: #f0f0f7;
  --primary-foreground-color: #e2001a;
  --secondary-color: #3e3841;
  --secondary-foreground-color: #f0f0f7;
  --accent-color: #ad0015;
  --accent-foreground-color: #f0f0f7;

  --theme-color: var(--primary-color);
  --theme-foreground-color: var(--primary-foreground-color);

  // CTA
  --cta-color-start: #e2001a;
  --cta-color-end: var(--accent-color);
  --cta-color-fg: var(--accent-foreground-color);

  // Header
  --header-background: var(--accent-color);
  --header-foreground: var(--accent-foreground-color);

  // Breadcrumbs
  --breadcrumbs-background: var(--secondary-color);
  --breadcrumbs-foreground: var(--secondary-foreground-color);

  // Fat Menu
  --fatmenu-background: var(--secondary-color);
  --fatmenu-foreground: var(--secondary-foreground-color);

  // Search bar
  --search-background: var(--secondary-color);
  --search-foreground: var(--secondary-foreground-color);

  --text-color: rgb(39 38 38);
  --link-color: var(--text-color);
  --link-foreground-color: var(--link-color);

  --background-color: #c3c8ca;

  // Components
  --social-network-icon-color-main: var(--secondary-color);
  --social-network-icon-color-hover: var(--accent-color);
  --social-network-background-main: transparent;
  --social-network-background-hover: transparent;
  /// Sponsors
  --techevent-sponsortile-background-main: #fff;

  /// Schedule
  --techevent-schedule-color: var(--accent-color);
  --techevent-schedule-reverse-color: var(--accent-foreground-color);
  // Fonts
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-bolder: 900;
  --font-size-2xs: 12px;
  --font-size-xs: 14px;
  --font-size-s: 18px;
  --font-size-m: 21px;
  --font-size-l: 24px;
  --font-size-xl: 30px;
  --font-size-2xl: 33px;
  --font-size-3xl: 36px;
  --font-size-4xl: 42px;
  --font-size-5xl: 48px;
  --line-height-xs: 16px;
  --line-height-s: 18px;
  --line-height-m: 24px;
  --line-height-l: 30px;
  --line-height-xl: 33px;
  --line-height-2xl: 36px;
  --line-height-3xl: 42px;
  --line-height-4xl: 48px;
  --line-height-5xl: 56px;
  // Colors
  // Accessibility
  --a18n-color-bg: #4e4e4e;
  --a18n-color-icon: rgb(255, 255, 255);
  --a18n-color-text: rgb(255, 255, 255);
  --a18n-font-size: 18px;
  --a18n-font-weight: 600;
  --a18n-line-height: 18px;
}