-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcoke-002.css
133 lines (112 loc) · 6.98 KB
/
coke-002.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
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: #FFEEEE; /* Light red background */
--ts-var-root-color: #000000;
--ts-var-root-font-family: Roboto, Helvetica, Arial, sans-serif;
--ts-var-root-text-transform: initial;
--ts-var-root-secondary-color: #C0C0C0; /* Light grey as a secondary color */
--ts-var-application-color: #FF0000; /* Coca-Cola Red */
/* Top navigation panel */
--ts-var-nav-color: #FFFFFF; /* White text */
--ts-var-nav-background: #FF0000; /* Coca-Cola Red background */
--ts-var-search-data-button-background: #FFCCCC; /* Light red background */
--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: #000000; /* Black text */
--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: #FFE6E6; /* Very light red background */
--ts-var-search-auto-complete-background: #FFEEEE; /* Light red */
--ts-var-search-navigation-button-background: #FFEEEE;
--ts-var-search-bar-navigation-help-text-background: #FFEEEE;
--ts-var-search-bar-auto-complete-hover-background: #FFCCCC; /* Slightly darker red on hover */
--ts-var-search-auto-complete-font-color: #000000; /* Black text */
--ts-var-search-auto-complete-subtext-font-color: #555555; /* Dark grey subtext */
/* Data and edit panels on Answer page */
--ts-var-answer-data-panel-background-color: #FFEEEE; /* Light red background */
--ts-var-answer-edit-panel-background-color: #FFDDDD; /* Slightly darker light red background */
/* Buttons */
/* Application-wide button design for main buttons. For example, Search data */
--ts-var-button-border-radius: 3px; /* Slightly rounded */
/* Application-wide button design for smaller buttons. For example, buttons with share and favorite icons */
--ts-var-button--icon-border-radius: 3px; /* Slightly rounded */
/* Primary buttons: For example, the Go button in the search bar, the Pin and Save buttons on the Search page */
--ts-var-button--primary-color: #FFFFFF; /* White text */
--ts-var-button--primary-background: #FF0000; /* Coca-Cola Red background */
--ts-var-button--primary--hover-background: #CC0000; /* Darker red on hover */
--ts-var-button--primary--font-family: var(--ts-var-root-font-family);
/* Secondary buttons. For example, the Edit and Explore buttons on the Liveboard page */
--ts-var-button--secondary-color: #000000; /* Black text */
--ts-var-button--secondary-background: #FFCCCC; /* Light red background */
--ts-var-button--secondary--hover-background: #FFAAAA; /* Darker light red on hover */
--ts-var-button--secondary--font-family: var(--ts-var-root-font-family);
/* Tertiary buttons. For example, the Undo, Redo buttons on the Search page */
--ts-var-button--tertiary-color: #000000; /* Black text */
--ts-var-button--tertiary-background: #FFE6E6; /* Very light red background */
--ts-var-button--tertiary--hover-background: #FFCCCC; /* Light red on hover */
/* Natural Language Search panel */
--ts-var-sage-bar-header-background-color: #FFEEEE; /* Light red background */
--ts-var-source-selector-background-color: #FFEEEE; /* Light red */
--ts-var-sage-search-box-font-color: #000000; /* Black text */
--ts-var-sage-search-box-background-color: #FFE6E6; /* Very light red background */
--ts-var-sage-embed-background-color: #FFEEEE; /* Light red */
--ts-var-sage-seed-questions-background: #FFEEEE;
--ts-var-sage-seed-questions-font-color: #000000;
--ts-var-sage-seed-questions-hover-background: #FFCCCC;
/* Chart selection widget on answers and visualization pages */
--ts-var-answer-chart-select-background: #FFEEEE;
--ts-var-answer-chart-hover-background: #FFCCCC;
/* Liveboard */
--ts-var-liveboard-edit-bar-background: #FFEEEE; /* Light red background */
--ts-var-liveboard-cross-filter-layout-background: #FFEEEE; /* Light red */
/* Visualizations and answers */
/* Title text */
--ts-var-viz-title-color: #FF0000; /* Coca-Cola Red */
--ts-var-viz-title-font-family: Roboto, Helvetica, Arial, sans-serif;
--ts-var-viz-title-text-transform: capitalize;
/* Subtitle and description text */
--ts-var-viz-description-color: #000000; /* Black text */
--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: #FFEEEE; /* Light red background */
--ts-var-viz-legend-hover-background: #FFCCCC; /* Slightly darker red 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: none;
--ts-var-chip-background: #FFCCCC; /* Light red background */
--ts-var-chip-color: var(--ts-var-root-color); /* Black text */
--ts-var-chip--hover-background: #FFAAAA; /* Darker red on hover */
--ts-var-chip--hover-color: var(--ts-var-root-color);
--ts-var-chip--active-background: #CC0000; /* Darker red when active */
--ts-var-chip--active-color: #FFFFFF; /* White text */
/* Axis titles and labels */
--ts-var-axis-title-color: var(--ts-var-root-color); /* Black text */
--ts-var-axis-title-font-family: var(--ts-var-root-font-family);
--ts-var-axis-data-label-color: #000000; /* Black text */
--ts-var-axis-data-label-font-family: var(--ts-var-root-font-family);
/* Menu components */
--ts-var-menu-color: var(--ts-var-root-color); /* Black text */
--ts-var-menu-background: #FFEEEE; /* Light red background */
--ts-var-menu-font-family: var(--ts-var-root-font-family);
--ts-var-menu-text-transform: capitalize;
--ts-var-menu--hover-background: #FFCCCC; /* Light red on hover */
/* Dialogs and modals that prompt users to perform an action or enter information */
--ts-var-dialog-body-background: #FFEEEE; /* Light red background */
--ts-var-dialog-body-color: var(--ts-var-root-color); /* Black text */
--ts-var-dialog-header-background: #FFDDDD; /* Slightly darker light red background */
--ts-var-dialog-header-color: var(--ts-var-root-color); /* Black text */
--ts-var-dialog-footer-background: #FFEEEE; /* Light red background */
/* Segment control */
--ts-var-segment-control-hover-background: #FFCCCC; /* Light red on hover */
/* Modular Homepage (New experience) */
--ts-var-home-watchlist-selected-text-color: #FF0000; /* Coca-Cola Red */
--ts-var-home-card-color: var(--ts-var-root-color); /* Black text */
--ts-var-home-favorite-suggestion-card-text-color: #FF0000; /* Coca-Cola Red */
--ts-var-home-favorite-suggestion-card-background: #FFEEEE; /* Light red */
--ts-var-home-favorite-suggestion-card-icon-color: #000000; /* Black icons */
}