Added the arundo theme and theme config

theme.config

@@ -0,0 +1,92 @@
+/*
+
+████████╗██╗  ██╗███████╗███╗   ███╗███████╗███████╗
+╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝██╔════╝
+   ██║   ███████║█████╗  ██╔████╔██║█████╗  ███████╗
+   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  ╚════██║
+   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗███████║
+   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝╚══════╝
+
+*/
+
+/*******************************
+        Theme Selection
+*******************************/
+
+/* To override a theme for an individual element
+   specify theme name below
+*/
+
+/* Global */
+@site       : 'arundo';
+@reset      : 'arundo';
+
+/* Elements */
+@button     : 'arundo';
+@container  : 'arundo';
+@divider    : 'arundo';
+@flag       : 'arundo';
+@header     : 'arundo';
+@icon       : 'default';
+@image      : 'arundo';
+@input      : 'arundo';
+@label      : 'arundo';
+@list       : 'arundo';
+@loader     : 'arundo';
+@rail       : 'arundo';
+@reveal     : 'arundo';
+@segment    : 'arundo';
+@step       : 'arundo';
+
+/* Collections */
+@breadcrumb : 'arundo';
+@form       : 'arundo';
+@grid       : 'arundo';
+@menu       : 'arundo';
+@message    : 'arundo';
+@table      : 'arundo';
+
+/* Modules */
+@accordion  : 'default';
+@checkbox   : 'default';
+@dimmer     : 'default';
+@dropdown   : 'default';
+@embed      : 'default';
+@modal      : 'default';
+@nag        : 'default';
+@popup      : 'default';
+@progress   : 'default';
+@rating     : 'default';
+@search     : 'default';
+@shape      : 'default';
+@sidebar    : 'default';
+@sticky     : 'default';
+@tab        : 'default';
+@transition : 'default';
+
+/* Views */
+@ad         : 'default';
+@card       : 'default';
+@comment    : 'default';
+@feed       : 'default';
+@item       : 'default';
+@statistic  : 'default';
+
+/*******************************
+            Folders
+*******************************/
+
+/* Path to theme packages */
+@themesFolder : 'themes';
+
+/* Path to site override folder */
+@siteFolder   : 'site/';
+
+
+/*******************************
+         Import Theme
+*******************************/
+
+@import (multiple) "theme.less";
+
+/* End Config */

themes/arundo/collections/form.overrides

@@ -0,0 +1,11 @@
+/*******************************
+         Theme Overrides
+*******************************/
+
+::placeholder {
+    font-size: 14px;
+  }
+
+  textarea {
+    font-family: "Nunito Sans";
+  }

themes/arundo/collections/menu.overrides

@@ -0,0 +1,6 @@
+/*******************************
+         Theme Overrides
+*******************************/
+.ui.pointing.menu .active.item:after {
+  visibility: hidden !important;
+}

themes/arundo/collections/menu.variables

@@ -0,0 +1,17 @@
+@dropdownHoveredItemColor: @brand;
+@hoverItemTextColor: @brand;
+@activeItemTextColor: @brand;
+@activeHoverItemColor: @brand;
+@dropdownSelectedItemColor: @brand;
+@dropdownActiveItemColor: @brand;
+@secondaryHoverItemColor: @brand;
+@secondaryActiveItemColor: @brand;
+@secondaryActiveHoverItemColor: @brand;
+@secondaryActiveHoveredItemColor: @brand;
+@secondaryPointingActiveBorderColor: @brand;
+@secondaryPointingActiveTextColor: @brand;
+@secondaryPointingInvertedItemHoverTextColor: @brand;
+@tieredSubMenuActiveColor: @brand;
+@tabularActiveColor: @brand;
+@paginationActiveTextColor: @brand;
+@textMenuActiveItemColor: @brand;

themes/arundo/elements/button.variables

@@ -0,0 +1,54 @@
+@backgroundColor: #DCE5E8;
+@background: @backgroundColor @backgroundImage;
+
+/*-------------------
+        States
+--------------------*/
+
+/* Hovered */
+@hoverBackgroundColor: #d2dadd;
+@hoverBackgroundImage: @backgroundImage;
+@hoverBoxShadow: @boxShadow;
+@hoverColor: @hoveredTextColor;
+@iconHoverOpacity: 0.85;
+
+/* Focused */
+@focusBackgroundColor: @hoverBackgroundColor;
+@focusBackgroundImage: '';
+@focusBoxShadow: '';
+@focusColor: @hoveredTextColor;
+@iconFocusOpacity: 0.85;
+
+/* Disabled */
+@disabledBackgroundImage: none;
+@disabledBoxShadow: none;
+
+/* Pressed Down */
+@downBackgroundColor: #b6bdc0;
+@downBackgroundImage: '';
+@downPressedShadow: none;
+@downBoxShadow:
+  @borderBoxShadow,
+  @downPressedShadow
+;
+@downColor: @pressedTextColor;
+
+/* Active */
+@activeBackgroundColor: #b9c0c3;
+@activeBackgroundImage: none;
+@activeColor: @selectedTextColor;
+@activeBoxShadow: @borderBoxShadow;
+
+/* Active + Hovered */
+@activeHoverBackgroundColor: @activeBackgroundColor;
+@activeHoverBackgroundImage: none;
+@activeHoverColor: @activeColor;
+@activeHoverBoxShadow: @activeBoxShadow;
+
+/* Loading */
+@loadingOpacity: 1;
+@loadingPointerEvents: auto;
+@loadingTransition:
+  all 0s linear,
+  opacity @defaultDuration @defaultEasing
+;

themes/arundo/elements/header.overrides

@@ -0,0 +1,10 @@
+
+/*******************************
+         Theme Overrides
+*******************************/
+
+@hugefontsize : 5rem;
+@largefontsize : 3.75rem;
+@mediumfontsize : 2.75rem;
+@smallfontsize : .75rem;
+@tinyfontsize : .5rem;

themes/arundo/elements/label.variables

@@ -0,0 +1,11 @@
+/*******************************
+             Label
+*******************************/
+
+/*-------------------
+       Element
+--------------------*/
+
+
+@backgroundColor: #DCE5E8;
+

themes/arundo/elements/step.variables

@@ -0,0 +1,13 @@
+/* Active */
+@activeBackground: #F2F8FA;
+@activeColor: @linkColor;
+@activeIconColor: @darkTextColor;
+
+/* Active + Hover */
+@activeHoverBackground: @lightGrey;
+@activeHoverColor: @textColor;
+
+
+/* Disabled */
+@disabledBackground: @background;
+@disabledColor: @disabledTextColor;

themes/arundo/globals/site.variables

@@ -0,0 +1,92 @@
+@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800');
+
+@fontName : Nunito Sans, sans-serif;
+
+@emSize   : 16px;
+@fontSize : 16px ;
+
+@primaryColor        : @brand;
+@secondaryColor      : @layout-dark;
+
+@headerFontWeight : @normal;
+
+@relativeBorderRadius: @relative3px;
+@absoluteBorderRadius: @3px;
+
+@defaultBorderRadius: @absoluteBorderRadius;
+/*-------------------
+      Arundo Colors
+--------------------*/
+@brand: #40b0e5;
+
+@layout-lightest: #FCFEFF;
+@layout-lighter: #F2F8FA;
+@layout-light: #DCE5E8;
+@layout-dark: #0D3C59;
+@layout-darker: #002740;
+@layout-darkest: #032033;
+
+@blue             : @brand;
+
+/*-------------------
+       Links
+--------------------*/
+
+@linkColor           : @brand;
+@linkUnderline       : underline;
+@linkHoverColor      : darken(saturate(@linkColor, 20), 15, relative);
+@linkHoverUnderline  : @linkUnderline;
+
+
+/*-------------------
+     Alpha Colors
+--------------------*/
+
+@subtleTransparentBlack     : rgba(0, 0, 0, 0.03);
+@transparentBlack           : rgba(0, 0, 0, 0.05);
+@strongTransparentBlack     : rgba(0, 0, 0, 0.10);
+@veryStrongTransparentBlack : rgba(0, 0, 0, 0.15);
+
+@subtleTransparentWhite     : rgba(255, 255, 255, 0.02);
+@transparentWhite           : rgba(255, 255, 255, 0.08);
+@strongTransparentWhite     : rgba(255, 255, 255, 0.15);
+
+
+/*-------------------
+       Accents
+--------------------*/
+
+/* Differentiating Neutrals */
+@subtleGradient: linear-gradient(transparent, @transparentBlack);
+
+/* Differentiating Layers */
+@subtleShadow:
+        0px 1px 2px 0 @borderColor
+;
+@floatingShadow:
+        0px 2px 4px 0px rgba(34, 36, 38, 0.02),
+        0px 2px 6px 0px rgba(34, 36, 38, 0.05)
+;
+
+/*-------------------
+      Borders
+--------------------*/
+
+@circularRadius                : 500rem;
+
+@borderColor               : rgba(34, 36, 38, 0.15);
+@strongBorderColor         : rgba(34, 36, 38, 0.22);
+@internalBorderColor       : rgba(34, 36, 38, 0.1);
+@selectedBorderColor       : rgba(34, 36, 38, 0.35);
+@strongSelectedBorderColor : rgba(34, 36, 38, 0.5);
+@disabledBorderColor       : rgba(34, 36, 38, 0.5);
+
+@solidInternalBorderColor  : #FAFAFA;
+@solidBorderColor          : #D4D4D5;
+@solidSelectedBorderColor  : #BCBDBD;
+
+@whiteBorderColor              : rgba(255, 255, 255, 0.1);
+@selectedWhiteBorderColor      : rgba(255, 255, 255, 0.8);
+
+@solidWhiteBorderColor         : #555555;
+@selectedSolidWhiteBorderColor : #999999;