added inactive style for repo button

Author: telamonian

src/components/Toolbar.tsx

@@ -14,6 +14,7 @@ import {
   toolbarButtonClass,
   toolbarClass,
   toolbarMenuButtonClass,
+  toolbarMenuButtonInactiveClass,
   toolbarMenuButtonIconClass,
   toolbarMenuButtonSubtitleClass,
   toolbarMenuButtonTitleClass,
@@ -206,7 +207,7 @@ export class Toolbar extends React.Component<IToolbarProps, IToolbarState> {
       <div className={toolbarMenuWrapperClass}>
         <button
           disabled
-          className={toolbarMenuButtonClass}
+          className={toolbarMenuButtonInactiveClass}
           title={`Current repository: ${this.state.repository}`}
           onClick={this._onRepositoryClick}
         >

src/style/Toolbar.ts

@@ -1,4 +1,5 @@
 import { style } from 'typestyle';
+import { NestedCSSProperties } from 'typestyle/lib/types';
 
 export const toolbarClass = style({
   display: 'flex',
@@ -30,7 +31,7 @@ export const toolbarMenuWrapperClass = style({
   borderBottomColor: 'var(--jp-border-color2)'
 });
 
-export const toolbarMenuButtonClass = style({
+const toolbarMenuButtonProps: NestedCSSProperties = {
   boxSizing: 'border-box',
   display: 'flex',
   flexDirection: 'row',
@@ -50,7 +51,13 @@ export const toolbarMenuButtonClass = style({
   border: 'none',
   borderRadius: 0,
 
-  background: 'var(--jp-layout-color1)',
+  background: 'var(--jp-layout-color1)'
+};
+
+export const toolbarMenuButtonInactiveClass = style(toolbarMenuButtonProps);
+
+export const toolbarMenuButtonClass = style({
+  ...toolbarMenuButtonProps,
 
   $nest: {
     '&:hover': {