Determine brand color, interactive color and font and implement
Tasks:
-
$light
replace and better semantically name to represent background color or simply replace all non-bg uses withtransparent
-
add $interactive-primary
and$interactive-nav
in place ofis-success
and$primary
uses respectively. This provides semantics around interactive hierarchy colors where grayscale is the default for all tertiary interactive components. Consider using Bulma'sis-link
as interactive color.-
for clearness, likely have interactive-primary-hover
andinteractive-nav-hover
colors so we don't scatterdarken()
use (also standardizes hover/active/etc. color variations in reusable vars). Or better yet, make the hover's a nested mixin so we get these automatically when defining and interactive button/element
-
-
typeface solution for rounding out Meltano unique and distinct lookFor the time being we'll resort to system fonts. Here is an issue for context https://gitlab.com/gitlab-org/gitlab-ce/issues/20102#youre-crazy-what-sites-wouldnt-use-custom-fonts. The payload hit likely isn't as big of a deal in comparison and if we feel strongly about having a particular typeface then we can update ourfont-family
-
proper menu styling synced to routing/page
Edited by Derek Knox