From 04b3a42012b53d175d738319e20c7936d1101775 Mon Sep 17 00:00:00 2001 From: adrian-arundo Date: Wed, 25 Jul 2018 10:19:22 -0500 Subject: [PATCH] Added the arundo theme and theme config --- theme.config | 92 ++++++++++++++++++++++ themes/.DS_Store | Bin 0 -> 8196 bytes themes/arundo/.DS_Store | Bin 0 -> 6148 bytes themes/arundo/collections/form.overrides | 11 +++ themes/arundo/collections/form.variables | 0 themes/arundo/collections/menu.overrides | 6 ++ themes/arundo/collections/menu.variables | 17 ++++ themes/arundo/collections/table.overrides | 0 themes/arundo/collections/table.variables | 0 themes/arundo/elements/.DS_Store | Bin 0 -> 6148 bytes themes/arundo/elements/button.overrides | 0 themes/arundo/elements/button.variables | 54 +++++++++++++ themes/arundo/elements/header.overrides | 10 +++ themes/arundo/elements/header.variables | 0 themes/arundo/elements/label.overrides | 0 themes/arundo/elements/label.variables | 11 +++ themes/arundo/elements/segment.overrides | 0 themes/arundo/elements/segment.variables | 0 themes/arundo/elements/step.overrides | 0 themes/arundo/elements/step.variables | 13 +++ themes/arundo/globals/site.overrides | 0 themes/arundo/globals/site.variables | 92 ++++++++++++++++++++++ 22 files changed, 306 insertions(+) create mode 100644 theme.config create mode 100644 themes/.DS_Store create mode 100644 themes/arundo/.DS_Store create mode 100644 themes/arundo/collections/form.overrides create mode 100644 themes/arundo/collections/form.variables create mode 100644 themes/arundo/collections/menu.overrides create mode 100644 themes/arundo/collections/menu.variables create mode 100644 themes/arundo/collections/table.overrides create mode 100644 themes/arundo/collections/table.variables create mode 100644 themes/arundo/elements/.DS_Store create mode 100644 themes/arundo/elements/button.overrides create mode 100644 themes/arundo/elements/button.variables create mode 100644 themes/arundo/elements/header.overrides create mode 100644 themes/arundo/elements/header.variables create mode 100644 themes/arundo/elements/label.overrides create mode 100644 themes/arundo/elements/label.variables create mode 100644 themes/arundo/elements/segment.overrides create mode 100644 themes/arundo/elements/segment.variables create mode 100644 themes/arundo/elements/step.overrides create mode 100644 themes/arundo/elements/step.variables create mode 100644 themes/arundo/globals/site.overrides create mode 100644 themes/arundo/globals/site.variables 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 0000000000000000000000000000000000000000..58fc4fbd8bfd7adddbc0510658af78c09ec1341e GIT binary patch literal 8196 zcmeHM&2G~`5T0%RoK%P&kXmu_1&Ko|B_-m5Dn+3jdP53=1EAKfLt~M8qu3#BLr^Zf z1Mmhs3Qxc*aOVNwn_W}wI;q47QFYhaoz422@ys`CyWd}Egl>m@sEUSh&>HwwV=dzQ_g_cScHg)wNa#fL+7(%P#yw7mR zPA(T(YIPD?okV_Rkyj`}T^)M9f|KZI=|;zZV_=y9uHCB?&?)*wp?>FE=@I(P5&g$i*l?PT^6vuQ!qG5Jvu5+VSSyt))tcuuyvD7@>)t?4ds&c8 z(rz$*$-kZk*&xj4&!ik)&V%rI+@Bt9+<7dMEQpi-SSiO*ACOls;v|yOuAC%Ms_gXi z3D2v0^}~&=*=(oX-1c{y^KF0DYPH+j{=@d}d|vl9@3r<0j!w@nX7A@8KC6&PdDj~!Lz$dlopmY{g07TeI<~2zuQ+ScS_4wzcnfSw0~;+i3+P6U&VbF3 zj(|q=prC_fSXZdhF%6Ko5XX4|`?G+p0XtNlukxL@#3v)ojF!Mlc+#iHwyh$y(GgH@ zV0{9e%tot7O>_y{Y_e*jSstvzUQB0vb=sjR<`H-)vdB@Iw#(4sC<{LDmKUB8UzJW^ z5%!op+h2~(!d8IgTPdcYjpWEIWF449xOh;j_wVCf2o&%#%+ zE12UH*s*O}#dv1L$R6c*4Ez-XqP*YR?*jVg@7$sm*V;b%5jr=tKKq7D&BC}X3A<__U;);Vc7 z&mvHm8Yvx7MHy)-=AymhZ)AYyZW*(tDaUht{>rUfA0@d?5W&mi4fOd>Bd~Z$q$cAO zSYXy~$AAA_d@?D|T>XpWEYHd+2!4phLUZxal9X-PUTJ@bPV^+I;%ZzD;?X|$w&Us~ zarTbZ`IQ|fyIDFp=selbMHOd7Ix@-GFh$7wy{s7O$v}^bVQK0_c0kIOY#nsgrqf;! zyy~j{>tNPZ(|$kbs+TX;XS0@Eeb#%sb$I&e^Ync7<*WI25?Jp>9y|O6-(bu!^D!C~ zxh{?|#(7J04CXW?6a#PZCRPz~oo95tcm_NJo`DBu!0lmj`GM>Da-IRtz`xG`?+*&f z7&@#inymwkxdH&2a2tWmKZ~5B9EJ{Six`0jn+mk4!d)?hO^08(xX@v3(WaAdmk;6I zEZhx6n75<8GT|gbi@x;?cm{4Vuwc6#KL6j{fB(OkI wj?Y>JJ%qAwTy60x1%^3_5z9yMQ>YR66&t|NVQmo}i2o5VH2B6d@JAWA1kvDnumAu6 literal 0 HcmV?d00001 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 0000000000000000000000000000000000000000..871bb7ae01531f507034ab211884d32e87f5f37c GIT binary patch literal 6148 zcmeHKyH3ME5S)V)5lCPvC|yz^QPWsaD5&`X5)uWZ5F_VNyWt=B1-_3DfZ4qza^eK1 z0)%#>+p*6#H+N(CE(aiV=7UQh0nlav8zE^*(%zl;KpdH@Vv`;Xl?g&rJ6TX2) zeRaR8U+-a;F;sgv;uvPsf8Ie|-rY8CgRc5s<+3Y}Uvz+bwnY0dqGxx&9dHMh4#@hD zvIu5|Wkg*%nDhuhY_VE{*K(E+PHLDLmJ#`c5h9fsslkpIA<|i&TD#1!j2P(%cK8UU z9PES=RGs~&+8iN^=-C}`2UZ=}kGF~J|JU2k|Enawa|hgkf8{`Eb#J>JPRaJx+T>)f tOa@Cmq*u-E_q literal 0 HcmV?d00001 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