forked from TerriaJS/nationalmap
-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.less
86 lines (74 loc) · 3.16 KB
/
index.less
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
// TerriaJS styles
@import "npm://terriajs/lib/Styles/Reset.less";
@import "npm://terriajs/lib/Styles/Core.less";
@import "npm://terriajs/lib/Styles/Panels.less";
@import "npm://terriajs/lib/Styles/Map.less";
@import "npm://terriajs/lib/Styles/Floating.less";
// Individual TerriaJS widgets
@import "npm://terriajs/lib/Styles/AddDataPanel.less";
@import "npm://terriajs/lib/Styles/Animation.less";
@import "npm://terriajs/lib/Styles/BrandBar.less";
@import "npm://terriajs/lib/Styles/CatalogItemInfo.less";
@import "npm://terriajs/lib/Styles/DistanceLegend.less";
@import "npm://terriajs/lib/Styles/DragDrop.less";
@import "npm://terriajs/lib/Styles/ExplorerPanel.less";
@import "npm://terriajs/lib/Styles/FeatureInfoPanel.less";
@import "npm://terriajs/lib/Styles/LocationBar.less";
@import "npm://terriajs/lib/Styles/MenuBar.less";
@import "npm://terriajs/lib/Styles/Navigation.less";
@import "npm://terriajs/lib/Styles/PopupMessage.less";
@import "npm://terriajs/lib/Styles/SelectionIndicator.less";
@import "npm://terriajs/lib/Styles/SettingsPanel.less";
@import "npm://terriajs/lib/Styles/SharePopup.less";
@import "npm://terriajs/lib/Styles/ToolsPanel.less";
@import "npm://terriajs/lib/Styles/NowViewingAttentionGrabber.less";
// Tabs on the Explorer Panel
@import "npm://terriajs/lib/Styles/DataCatalogTab.less";
@import "npm://terriajs/lib/Styles/NowViewingTab.less";
@import "npm://terriajs/lib/Styles/SearchTab.less";
// Styles specific to National Map
@import "lib/Styles/NationalMap.less";
@terriajs-path: "./TerriaJS";
@cesium-path: "@{terriajs-path}/build/Cesium";
@default-font: 'Roboto', sans-serif;
@highlight-color: #4679b2;
@left-side-panels-width: 400px;
// Panels
@panel-background-color: #000000;
@panel-text-color: #CCCCCC;
@panel-emphasized-text-color: #FFFFFF;
@panel-selected-text-color: @highlight-color;
@panel-box-shadow: 2px 2px 5px rgba(0,0,0,0.26);
@panel-element-border: 1px solid rgba(100,100,100, 0.6);
@panel-section-background-color: #282D32;
@panel-form-input-background-color: #838689;
@panel-form-input-text-color: #FFFFFF;
@panel-form-button-background-color: #A1A3A6;
@panel-form-button-text-color: #FFFFFF;
// Explorer panel
@explorer-panel-width: @left-side-panels-width;
@explorer-panel-header-background-color: #757f88;
@explorer-panel-inactive-tab-text-color: @panel-text-color;
@explorer-panel-active-tab-text-color: @panel-emphasized-text-color;
@explorer-panel-active-tab-underline-color: @highlight-color;
@explorer-panel-close-animation-length: 0.25s;
@explorer-panel-tab-switch-animation-length: 0.25s;
@explorer-panel-badge-background-color: @highlight-color;
@explorer-panel-badge-text-color: @panel-emphasized-text-color;
// Brand bar
@brand-bar-background-color: @panel-section-background-color;
@brand-bar-width: @left-side-panels-width;
@brand-bar-height: 68px;
// Floating elements
@floating-background-color: rgba(47,53,60,80%);
@floating-text-color: #FFFFFF;
@floating-element-border: 1px solid #555555;
// Menu bar
@menu-bar-text-color: @floating-text-color;
@menu-bar-active-background-color: #757f88;
@menu-bar-active-text-color: #ffffff;
// Input
@input-background-color: #A1A3A6;
@input-text-color: #666666;
// Modals
@modal-bg-color: @panel-background-color;