feat(dark-theme): add dark theme colors

[heyhippari]

• Sets a bunch of colors for the dark Vuetify theme
• Moves some menus and buttons around, adds tooltips
• Improve readability of the app bar buttons when the bar is transparent, by using floating action buttons

Updated 2020/01/08

[codecov-io]

Codecov Report

Attention: Patch coverage is 0% with 35 lines in your changes missing coverage. Please review.

Project coverage is 0.59%. Comparing base (28e351c) to head (4d385dc).
Report is 3782 commits behind head on master.

Files with missing lines	Patch %	Lines
components/Layout/HomeHeader/HomeHeaderItems.vue	0.00%	13 Missing ⚠️
components/Buttons/UserButton.vue	0.00%	11 Missing ⚠️
pages/artist/_itemId/index.vue	0.00%	5 Missing ⚠️
pages/item/_itemId/index.vue	0.00%	5 Missing ⚠️
components/Item/Card.vue	0.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff            @@
##           master    #391      +/-   ##
=========================================
- Coverage    0.60%   0.59%   -0.01%     
=========================================
  Files          88      88              
  Lines        2312    2344      +32     
  Branches      353     355       +2     
=========================================
  Hits           14      14              
- Misses       2297    2329      +32     
  Partials        1       1              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[heyhippari]

This should be pretty much ready for review. Though it only handles the dark theme.

We'll have to see if we want t specific color scheme for the light theme or not. I'm thinking of going for something with the same general hue/saturation as the dark one, but a lot lighter, if only to get away from pure white.

[ThibaultNocchi]

I agree that pure white can be jarring, but Github for instance has a pure white background. But to complement it there are dark accents, for instance on the top bar.

[camc314]

Looks good so far, few comments though.

Spacing is off in user button

[ferferga]

This branch somehow uses Roboto instead of Noto.

Imports needs to happen in this order: I tried adding the fontsource imports to variables.scss but it seems that they got imported for every single component, resulting in a bundle size over 100 MB.

[sonarqubecloud]

Kudos, SonarCloud Quality Gate passed!

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
0.0% Duplication

[heyhippari]

Imports needs to happen in this order

We apparently don't need to import the style in the variables at all :) I reworked the file based on this: https://github.com/nuxt-community/vuetify-module#customvariables

Not including the import at the end works properly, so I left it out.

[ferferga]

LGTM now, nothing else to comment aside from what I mention here