diff --git a/theme.config b/theme.config new file mode 100644 index 0000000..71c3b4b --- /dev/null +++ b/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 */ diff --git a/themes/.DS_Store b/themes/.DS_Store new file mode 100644 index 0000000..58fc4fb Binary files /dev/null and b/themes/.DS_Store differ diff --git a/themes/arundo/.DS_Store b/themes/arundo/.DS_Store new file mode 100644 index 0000000..f08f137 Binary files /dev/null and b/themes/arundo/.DS_Store differ diff --git a/themes/arundo/collections/form.overrides b/themes/arundo/collections/form.overrides new file mode 100644 index 0000000..0991e1c --- /dev/null +++ b/themes/arundo/collections/form.overrides @@ -0,0 +1,11 @@ +/******************************* + Theme Overrides +*******************************/ + +::placeholder { + font-size: 14px; + } + + textarea { + font-family: "Nunito Sans"; + } \ No newline at end of file diff --git a/themes/arundo/collections/form.variables b/themes/arundo/collections/form.variables new file mode 100644 index 0000000..e69de29 diff --git a/themes/arundo/collections/menu.overrides b/themes/arundo/collections/menu.overrides new file mode 100644 index 0000000..0646fbc --- /dev/null +++ b/themes/arundo/collections/menu.overrides @@ -0,0 +1,6 @@ +/******************************* + Theme Overrides +*******************************/ +.ui.pointing.menu .active.item:after { + visibility: hidden !important; +} diff --git a/themes/arundo/collections/menu.variables b/themes/arundo/collections/menu.variables new file mode 100644 index 0000000..dba4b9d --- /dev/null +++ b/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; diff --git a/themes/arundo/collections/table.overrides b/themes/arundo/collections/table.overrides new file mode 100644 index 0000000..e69de29 diff --git a/themes/arundo/collections/table.variables b/themes/arundo/collections/table.variables new file mode 100644 index 0000000..e69de29 diff --git a/themes/arundo/elements/.DS_Store b/themes/arundo/elements/.DS_Store new file mode 100644 index 0000000..871bb7a Binary files /dev/null and b/themes/arundo/elements/.DS_Store differ diff --git a/themes/arundo/elements/button.overrides b/themes/arundo/elements/button.overrides new file mode 100644 index 0000000..e69de29 diff --git a/themes/arundo/elements/button.variables b/themes/arundo/elements/button.variables new file mode 100644 index 0000000..b8018b1 --- /dev/null +++ b/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 +; diff --git a/themes/arundo/elements/header.overrides b/themes/arundo/elements/header.overrides new file mode 100644 index 0000000..13d1801 --- /dev/null +++ b/themes/arundo/elements/header.overrides @@ -0,0 +1,10 @@ + +/******************************* + Theme Overrides +*******************************/ + +@hugefontsize : 5rem; +@largefontsize : 3.75rem; +@mediumfontsize : 2.75rem; +@smallfontsize : .75rem; +@tinyfontsize : .5rem; diff --git a/themes/arundo/elements/header.variables b/themes/arundo/elements/header.variables new file mode 100644 index 0000000..e69de29 diff --git a/themes/arundo/elements/label.overrides b/themes/arundo/elements/label.overrides new file mode 100644 index 0000000..e69de29 diff --git a/themes/arundo/elements/label.variables b/themes/arundo/elements/label.variables new file mode 100644 index 0000000..6f834de --- /dev/null +++ b/themes/arundo/elements/label.variables @@ -0,0 +1,11 @@ +/******************************* + Label +*******************************/ + +/*------------------- + Element +--------------------*/ + + +@backgroundColor: #DCE5E8; + \ No newline at end of file diff --git a/themes/arundo/elements/segment.overrides b/themes/arundo/elements/segment.overrides new file mode 100644 index 0000000..e69de29 diff --git a/themes/arundo/elements/segment.variables b/themes/arundo/elements/segment.variables new file mode 100644 index 0000000..e69de29 diff --git a/themes/arundo/elements/step.overrides b/themes/arundo/elements/step.overrides new file mode 100644 index 0000000..e69de29 diff --git a/themes/arundo/elements/step.variables b/themes/arundo/elements/step.variables new file mode 100644 index 0000000..b481539 --- /dev/null +++ b/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; diff --git a/themes/arundo/globals/site.overrides b/themes/arundo/globals/site.overrides new file mode 100644 index 0000000..e69de29 diff --git a/themes/arundo/globals/site.variables b/themes/arundo/globals/site.variables new file mode 100644 index 0000000..bdd99ac --- /dev/null +++ b/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; \ No newline at end of file