numerous small style tweaks

frontend/src/metabase/components/ExplorePane.jsx

@@ -56,10 +56,10 @@ export const ExploreList = ({ options }: { options: Candidate[] }) => (
 export const ExploreOption = ({ option }: { option: Candidate }) => (
   <Link to={option.url} className="link flex align-center text-bold">
     <div
-      className="bg-slate-almost-extra-light p2 flex align-center rounded mr1 justify-center text-gold"
+      className="bg-grey-0 flex align-center rounded mr1 p2 justify-center text-gold"
       style={{ width: 48, height: 48 }}
     >
-      <Icon name="bolt" size={32} />
+      <Icon name="bolt" size={24} className="flex-no-shrink" />
     </div>
     <span>{option.title}</span>
   </Link>

frontend/src/metabase/components/Sidebar.css

@@ -56,7 +56,6 @@
 :local(.item.selected) :local(.icon),
 :local(.sectionTitle.selected),
 :local(.item):hover,
-:local(.item):hover :local(.icon),
 :local(.sectionTitle):hover {
   background-color: #e3f0f9;
   color: #2d86d4;

frontend/src/metabase/css/core/colors.css

@@ -22,7 +22,7 @@
   --orange-color: #f9a354;
   --purple-color: #a989c5;
   --green-color: #9cc177;
-  --green-saturated-color: #84bb4c;
+  --green-saturated-color: #90BD64;
   --dark-color: #4c545b;
   --slate-color: #9ba5b1;
   --slate-light-color: #dfe8ea;
@@ -146,6 +146,10 @@
 .bg-green {
   background-color: var(--green-color);
 }
+.bg-green-saturated,
+.bg-green-saturated-hover:hover {
+  background-color: var(--green-saturated-color)
+}
 
 /* alt */
 .bg-alt,

frontend/src/metabase/dashboard/containers/AutomaticDashboardApp.jsx

@@ -94,7 +94,7 @@ class AutomaticDashboardApp extends React.Component {
               <Icon name="bolt" className="text-gold mr1" size={24} />
               <h2>{dashboard && dashboard.name}</h2>
               <ActionButton
-                className="ml-auto bg-green text-white"
+                className="ml-auto Button--success bg-green-saturated-hover"
                 borderless
                 actionFn={this.save}
               >

frontend/src/metabase/setup/containers/PostSetupApp.jsx

@@ -147,7 +147,7 @@ export default class PostSetupApp extends Component {
             </BorderedPanel>
           )}
           <div className="m4 text-centered">
-            <Link to="/" className="no-decoration">
+            <Link to="/" className="no-decoration text-bold text-grey-3 text-grey-4-hover">
               No thanks, I’ll set things up on my own
             </Link>
           </div>