feat: document menu available in sidebar (#986)

* feat: document menu available in sidebar

* fix: more accessible blue

* feat: accessible blue
feat: clearer new doc button
closes #983

* lint

shared/styles/theme.js

@@ -16,11 +16,12 @@ const colors = {
 
   white: '#FFF',
   white10: 'rgba(255, 255, 255, 0.1)',
+  white50: 'rgba(255, 255, 255, 0.5)',
   black: '#000',
   black05: 'rgba(0, 0, 0, 0.05)',
   black10: 'rgba(0, 0, 0, 0.1)',
   black50: 'rgba(0, 0, 0, 0.50)',
-  primary: '#1AB6FF',
+  primary: '#0366d6',
   yellow: '#FBCA04',
   warmGrey: '#EDF2F7',
 
@@ -47,6 +48,9 @@ export const base = {
   fontWeight: 400,
   backgroundTransition: 'background 100ms ease-in-out',
   zIndex: 100,
+
+  buttonBackground: colors.primary,
+  buttonText: colors.white,
 };
 
 export const light = {
@@ -80,8 +84,6 @@ export const light = {
   tableSelected: colors.primary,
   tableSelectedBackground: '#E5F7FF',
 
-  buttonBackground: colors.lightBlack,
-  buttonText: colors.white,
   buttonNeutralBackground: colors.white,
   buttonNeutralText: colors.almostBlack,
 
@@ -131,8 +133,6 @@ export const dark = {
   tableSelected: colors.primary,
   tableSelectedBackground: '#002333',
 
-  buttonBackground: colors.white,
-  buttonText: colors.lightBlack,
   buttonNeutralBackground: colors.almostBlack,
   buttonNeutralText: colors.white,