From 4f1daa49378f670fc1e27446139a83b9bc64e8a2 Mon Sep 17 00:00:00 2001
From: alexcherman <sashacherman@gmail.com>
Date: Mon, 4 Nov 2019 12:53:36 +0100
Subject: [PATCH] Improve styles

---
 src/app/components/plugin-manager-component.js | 12 +++++++-----
 src/app/tabs/theme-module.js                   |  2 +-
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/app/components/plugin-manager-component.js b/src/app/components/plugin-manager-component.js
index cdc5ac7cb1..055943aa56 100644
--- a/src/app/components/plugin-manager-component.js
+++ b/src/app/components/plugin-manager-component.js
@@ -31,11 +31,13 @@ const css = csjs`
     align-items: center;
     justify-content: space-between;
     margin: 0;
-    font-size: 11px;
-    line-height: 12px;
+    font-size: 13px;
+    line-height: 16px;
     text-transform: uppercase;
   }
   .description {
+    font-size: 13px;
+    line-height: 18px;
     text-transform: capitalize;
   }
   .row {
@@ -103,7 +105,7 @@ class PluginManagerComponent extends ViewPlugin {
     }
     // Beta
     if (api.profile.version && api.profile.version.match(/\b(\w*beta\w*)\b/g)) {
-      versionWarning = yo`<small title="Version Beta" class="${css.versionWarning}">beta</small>`
+      versionWarning = yo`<small title="Version Beta" class="${css.versionWarning} plugin-version">beta</small>`
     }
 
     const activationButton = isActive
@@ -119,13 +121,13 @@ class PluginManagerComponent extends ViewPlugin {
     return yo`
     <article id="remixPluginManagerListItem_${name}" class="list-group-item px-2 pt-2 pb-0 plugins-list-group-item" title="${displayName}" >
       <div class="${css.row} justify-content-between align-items-center mb-2">
-        <h6 class="${css.displayName} form-control-label">
+        <h6 class="${css.displayName}">
           ${displayName}
           ${versionWarning}
         </h6>
         ${activationButton}
       </div>
-      <p class="${css.description} text-body">${api.profile.description}</p>
+      <p class="${css.description} text-body plugin-text">${api.profile.description}</p>
     </article>
     `
   }
diff --git a/src/app/tabs/theme-module.js b/src/app/tabs/theme-module.js
index a7e1bc78b2..89a4af0cbf 100644
--- a/src/app/tabs/theme-module.js
+++ b/src/app/tabs/theme-module.js
@@ -3,7 +3,7 @@ import { EventEmitter } from 'events'
 import * as packageJson from '../../../package.json'
 
 const themes = [
-  {name: 'Dark', quality: 'dark', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1571151519/custom-dark-theme.css'},
+  {name: 'Dark', quality: 'dark', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1572868094/remix-custom-dark.css'},
   {name: 'Light', quality: 'light', url: 'https://res.cloudinary.com/dvtmp0niu/raw/upload/v1572342742/light-theme.css'},
 
   // switching to the url Todo: remove when the theme is ready