Add devtools icons, change website code bg

tbranyen · Apr 23, 2020 · caf8814 · caf8814
1 parent 2237169
commit caf8814
Show file tree

Hide file tree

Showing 9 changed files with 29 additions and 10 deletions.
diff --git a/docs/index.css b/docs/index.css
@@ -33,7 +33,7 @@ code {
 }
 
 .hljs {
-  background: #022f46;
+  background: #333333;
 }
 
 pre code {
@@ -257,6 +257,10 @@ body.home layer#main ul {
   list-style: none;
 }
 
+body.home #content {
+  margin-bottom: 20px;
+}
+
 layer#main table li:not(:first-child) {
   padding-top: 10px;
 }

diff --git a/packages/diffhtml-devtools/chrome-extension/manifest.json b/packages/diffhtml-devtools/chrome-extension/manifest.json
@@ -1,6 +1,6 @@
 {
-  "name": "diffhtml-devtools",
-  "version": "0.1.0",
+  "name": "diffHTML DevTools",
+  "version": "1.0.0.15",
   "description": "Official diffHTML Chrome DevTools Extension",
   "permissions": [
     "tabs",
@@ -23,8 +23,15 @@
     "styles/**/*",
     "node_modules/**/*",
     "markup/*",
-    "markup/**/*"
+    "markup/**/*",
+    "icons/*",
+    "icons/**/*"
   ],
+  "icons": {
+    "16": "icons/logo-16.png",
+    "48": "icons/logo-48.png",
+    "128": "icons/logo-128.png"
+  },
   "devtools_page": "markup/devtools.html",
   "manifest_version": 2,
   "default_locale": "en"

diff --git a/packages/diffhtml-devtools/shared/icons/logo-128.png b/packages/diffhtml-devtools/shared/icons/logo-128.png
diff --git a/packages/diffhtml-devtools/shared/icons/logo-16.png b/packages/diffhtml-devtools/shared/icons/logo-16.png
diff --git a/packages/diffhtml-devtools/shared/icons/logo-48.png b/packages/diffhtml-devtools/shared/icons/logo-48.png
diff --git a/packages/diffhtml-devtools/shared/markup/panel.html b/packages/diffhtml-devtools/shared/markup/panel.html
@@ -6,7 +6,7 @@
   </head>
   <body>
     <main id="main">
-      <h1 id="not-found">Could not locate &lt;&#xB1;/&gt; diffHTML <i onclick="location.reload()" class="icon sync"></i></h1>
+      <h1 id="not-found">Could not locate <img src="../icons/logo-48.png"> <strong>diffHTML</strong></h1>
     </main>
 
     <!-- Main entry -->

diff --git a/packages/diffhtml-devtools/shared/scripts/index.js b/packages/diffhtml-devtools/shared/scripts/index.js
@@ -99,10 +99,7 @@ const fadeIn = el => {
 
 const render = () => outerHTML(main, html`<main id="main" data-theme=${state.theme}>
   ${!state.version && html`
-    <h1 id="not-found">
-      Could not locate &lt;&#xB1;/&gt; diffHTML
-      <i onclick=${refresh} class="icon sync"></i>
-    </h1>
+    <h1 id="not-found">Could not locate <img src="../icons/logo-48.png"> <strong>diffHTML</strong></h1>
   `}
 
   ${state.version && html`

diff --git a/packages/diffhtml-devtools/shared/styles/index.css b/packages/diffhtml-devtools/shared/styles/index.css
@@ -55,6 +55,13 @@ h1:first-child {
   line-height: 100vh;
 }
 
+#not-found img {
+  position: relative;
+  top: 17px;
+  margin-left: 5px;
+  margin-right: 5px;
+}
+
 [data-theme="dark"] #not-found {
   color: #FFF;
   background: transparent;

diff --git a/packages/diffhtml-website/public/index.css b/packages/diffhtml-website/public/index.css
@@ -33,7 +33,7 @@ code {
 }
 
 .hljs {
-  background: #022f46;
+  background: #333333;
 }
 
 pre code {
@@ -257,6 +257,10 @@ body.home layer#main ul {
   list-style: none;
 }
 
+body.home #content {
+  margin-bottom: 20px;
+}
+
 layer#main table li:not(:first-child) {
   padding-top: 10px;
 }