-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathorange-002.css
More file actions
133 lines (112 loc) · 6.13 KB
/
orange-002.css
File metadata and controls
133 lines (112 loc) · 6.13 KB
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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
:root {
/* Application-wide background, app-wide text color, app-wide font, app-wide text transform */
--ts-var-root-background: #FFF8E1; /* Light orange background */
--ts-var-root-color: #BF360C; /* Dark orange text color */
--ts-var-root-font-family: 'Helvetica', 'Arial', sans-serif;
--ts-var-root-text-transform: initial;
--ts-var-root-secondary-color: #E65100;
--ts-var-application-color: #FF6F00;
/* Top navigation panel */
--ts-var-nav-color: #FFF3E0; /* Very light orange */
--ts-var-nav-background: #FB8C00; /* Medium orange */
--ts-var-search-data-button-background: #FFE0B2; /* Light orange */
--ts-var-search-data-button-font-color: var(--ts-var-root-color);
--ts-var-search-data-button-font-family: var(--ts-var-root-font-family);
/* Search bar, search navigation, and auto-suggestion panels */
--ts-var-search-bar-text-font-color: #BF360C; /* Dark orange */
--ts-var-search-bar-text-font-family: var(--ts-var-root-font-family);
--ts-var-search-bar-text-font-style: normal;
--ts-var-search-bar-background: #FFE0B2; /* Light orange */
--ts-var-search-auto-complete-background: #FFF3E0; /* Very light orange */
--ts-var-search-navigation-button-background: #FFE0B2;
--ts-var-search-bar-navigation-help-text-background: #FFE0B2;
--ts-var-search-bar-auto-complete-hover-background: #FFCC80; /* Darker on hover */
--ts-var-search-auto-complete-font-color: #BF360C;
--ts-var-search-auto-complete-subtext-font-color: #BF360C;
/* Data and edit panels on Answer page */
--ts-var-answer-data-panel-background-color: initial;
--ts-var-answer-edit-panel-background-color: #FFE0B2;
/* Buttons */
/* Application-wide button design for main buttons */
--ts-var-button-border-radius: 0px; /* Made buttons square */
/* Application-wide button design for smaller buttons */
--ts-var-button--icon-border-radius: 0px; /* Made icon buttons square */
/* Primary buttons */
--ts-var-button--primary-color: #FFFFFF; /* White text */
--ts-var-button--primary-background: #FB8C00; /* Medium orange */
--ts-var-button--primary--hover-background: #F57C00; /* Darker orange on hover */
--ts-var-button--primary--font-family: var(--ts-var-root-font-family);
/* Secondary buttons */
--ts-var-button--secondary-color: #BF360C; /* Dark orange */
--ts-var-button--secondary-background: #FFE0B2; /* Light orange */
--ts-var-button--secondary--hover-background: #FFCC80; /* Darker on hover */
--ts-var-button--secondary--font-family: var(--ts-var-root-font-family);
/* Tertiary buttons */
--ts-var-button--tertiary-color: #BF360C;
--ts-var-button--tertiary-background: #FFFFFF; /* White background */
--ts-var-button--tertiary--hover-background: #FFE0B2; /* Light orange on hover */
/* Natural Language Search panel */
--ts-var-sage-bar-header-background-color: var(--ts-var-root-color);
--ts-var-source-selector-background-color: initial;
--ts-var-sage-search-box-font-color: initial;
--ts-var-sage-search-box-background-color: initial;
--ts-var-sage-embed-background-color: initial;
--ts-var-sage-seed-questions-background: initial;
--ts-var-sage-seed-questions-font-color: initial;
--ts-var-sage-seed-questions-hover-background: initial;
/* Chart selection widget on answers and visualization pages */
--ts-var-answer-chart-select-background: initial;
--ts-var-answer-chart-hover-background: initial;
/* Liveboard */
--ts-var-liveboard-edit-bar-background: #FFE0B2; /* Light orange */
--ts-var-liveboard-cross-filter-layout-background: #FFF3E0; /* Very light orange */
/* Visualizations and answers */
/* Title text */
--ts-var-viz-title-color: #E65100; /* Dark orange */
--ts-var-viz-title-font-family: 'Helvetica', 'Arial', sans-serif;
--ts-var-viz-title-text-transform: capitalize;
/* Subtitle and description text */
--ts-var-viz-description-color: #F57C00; /* Medium orange */
--ts-var-viz-description-font-family: var(--ts-var-root-font-family);
--ts-var-viz-description-text-transform: capitalize;
/* Visualization tile customization on the Liveboard page */
--ts-var-viz-border-radius: 15px;
--ts-var-viz-box-shadow: 1px 2px 5px #888888;
--ts-var-viz-background: #FFE0B2; /* Light orange */
--ts-var-viz-legend-hover-background: #FFCC80; /* Darker on hover */
/* Filter chips on answers and visualization pages */
--ts-var-chip-border-radius: 25pt;
--ts-var-chip-title-font-family: var(--ts-var-root-font-family);
--ts-var-chip-box-shadow: initial;
--ts-var-chip-background: #FFB74D; /* Medium orange */
--ts-var-chip-color: var(--ts-var-root-color);
--ts-var-chip--hover-background: #FFA726; /* Darker on hover */
--ts-var-chip--hover-color: var(--ts-var-root-color);
--ts-var-chip--active-background: #F57C00; /* Darker orange */
--ts-var-chip--active-color: #FFFFFF;
/* Axis titles and labels */
--ts-var-axis-title-color: var(--ts-var-root-color);
--ts-var-axis-title-font-family: var(--ts-var-root-font-family);
--ts-var-axis-data-label-color: #BF360C; /* Dark orange */
--ts-var-axis-data-label-font-family: var(--ts-var-root-font-family);
/* Menu components */
--ts-var-menu-color: var(--ts-var-root-color);
--ts-var-menu-background: #FFE0B2; /* Light orange */
--ts-var-menu-font-family: var(--ts-var-root-font-family);
--ts-var-menu-text-transform: capitalize;
--ts-var-menu--hover-background: #FFCC80; /* Darker on hover */
/* Dialogs and modals */
--ts-var-dialog-body-background: var(--ts-var-root-background);
--ts-var-dialog-body-color: var(--ts-var-root-color);
--ts-var-dialog-header-background: #FFCC80; /* Medium light orange */
--ts-var-dialog-header-color: var(--ts-var-root-color);
--ts-var-dialog-footer-background: var(--ts-var-root-background);
/* Segment control */
--ts-var-segment-control-hover-background: #F57C00; /* Darker orange on hover */
/* Modular Homepage (New experience) */
--ts-var-home-watchlist-selected-text-color: #BF360C; /* Dark orange */
--ts-var-home-card-color: var(--ts-var-root-color);
--ts-var-home-favorite-suggestion-card-text-color: #BF360C;
--ts-var-home-favorite-suggestion-card-background: #FFF3E0; /* Very light orange */
--ts-var-home-favorite-suggestion-card-icon-color: #BF360C;
}