Standardizing Colors, changing global CSS variables

3 files changed, 88 insertions, 0 deletions

diff --git a/src/client/views/global/globalCssVariables.scss b/src/client/views/global/globalCssVariables.scss
new file mode 100644
index 000000000..218bdbf3c
--- /dev/null
+++ b/src/client/views/global/globalCssVariables.scss
@@ -0,0 +1,52 @@
+@import url("https://fonts.googleapis.com/css?family=Noto+Sans:400,700|Crimson+Text:400,400i,700");
+// colors
+$white: #ffffff;
+$light-gray:#dfdfdf;
+$medium-gray: #9F9F9F;
+
+$lighter-alt-accent: rgb(207, 220, 240);
+$darker-alt-accent: #b2cef8;
+
+$dark-color: #111111;
+$link-color: #add8e6;
+$antimodemenu-height: 35px;
+// fonts
+$sans-serif: "Noto Sans",
+sans-serif;
+// $sans-serif: "Roboto Slab", sans-serif;
+$serif: "Crimson Text",
+serif;
+// misc values
+$border-radius: 0.3em;
+//
+$search-thumnail-size: 130;
+
+// dragged items
+$contextMenu-zindex: 100000; // context menu shows up over everything
+$radialMenu-zindex: 100000; // context menu shows up over everything
+
+$searchpanel-height: 32px;
+$mainTextInput-zindex: 999; // then text input overlay so that it's context menu will appear over decorations, etc
+$docDecorations-zindex: 998; // then doc decorations appear over everything else
+$remoteCursors-zindex: 997; // ... not sure what level the remote cursors should go -- is this right?
+$COLLECTION_BORDER_WIDTH: 0;
+$SCHEMA_DIVIDER_WIDTH: 4;
+$MINIMIZED_ICON_SIZE:25;
+$MAX_ROW_HEIGHT: 44px;
+$DFLT_IMAGE_NATIVE_DIM: 900px;
+$MENU_PANEL_WIDTH: 60px;
+$TREE_BULLET_WIDTH: 20px;
+
+:export {
+    contextMenuZindex: $contextMenu-zindex;
+    SCHEMA_DIVIDER_WIDTH: $SCHEMA_DIVIDER_WIDTH;
+    COLLECTION_BORDER_WIDTH: $COLLECTION_BORDER_WIDTH;
+    MINIMIZED_ICON_SIZE: $MINIMIZED_ICON_SIZE;
+    MAX_ROW_HEIGHT: $MAX_ROW_HEIGHT;
+    SEARCH_THUMBNAIL_SIZE: $search-thumnail-size;
+    ANTIMODEMENU_HEIGHT: $antimodemenu-height;
+    SEARCH_PANEL_HEIGHT: $searchpanel-height;
+    DFLT_IMAGE_NATIVE_DIM: $DFLT_IMAGE_NATIVE_DIM;
+    MENU_PANEL_WIDTH: $MENU_PANEL_WIDTH;
+    TREE_BULLET_WIDTH: $TREE_BULLET_WIDTH;
+}
\ No newline at end of file
diff --git a/src/client/views/global/globalCssVariables.scss.d.ts b/src/client/views/global/globalCssVariables.scss.d.ts
new file mode 100644
index 000000000..11e62e1eb
--- /dev/null
+++ b/src/client/views/global/globalCssVariables.scss.d.ts
@@ -0,0 +1,17 @@
+
+interface IGlobalScss {
+    contextMenuZindex: string;  // context menu shows up over everything
+    SCHEMA_DIVIDER_WIDTH: string;
+    COLLECTION_BORDER_WIDTH: string;
+    MINIMIZED_ICON_SIZE: string;
+    MAX_ROW_HEIGHT: string;
+    SEARCH_THUMBNAIL_SIZE: string;
+    ANTIMODEMENU_HEIGHT: string;
+    SEARCH_PANEL_HEIGHT: string;
+    DFLT_IMAGE_NATIVE_DIM: string;
+    MENU_PANEL_WIDTH: string;
+    TREE_BULLET_WIDTH: string;
+}
+declare const globalCssVariables: IGlobalScss;
+
+export = globalCssVariables;
\ No newline at end of file
diff --git a/src/client/views/global/globalEnums.tsx b/src/client/views/global/globalEnums.tsx
new file mode 100644
index 000000000..9d182ee0f
--- /dev/null
+++ b/src/client/views/global/globalEnums.tsx
@@ -0,0 +1,19 @@
+export enum Colors {
+    DarkGray = "#111111",
+    MediumGray = "#9F9F9F",
+    LightGray = "#DFDFDF",
+    White = "#FFFFFF",
+    MediumBlue = "#4476F7",
+    LightBlue = "#BDDDF5",
+    Pink = "#E0217D",
+    Yellow = "#F5D747"
+}
+
+export enum FontSizes {
+    LargeHeader = "16px"
+
+}
+
+export enum Padding {
+
+}
\ No newline at end of file