Add devtools icons, change website code bg

tbranyen · tbranyen · commit caf881449905 · 2020-04-22T21:04:23.000-07:00
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;
 }

Original file line number	Diff line number	Diff line change
`@@ -33,7 +33,7 @@ code {`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`.hljs {`
`36`		`- background: #022f46;`
	`36`	`+ background: #333333;`
`37`	`37`	`}`
`38`	`38`
`39`	`39`	`pre code {`
`@@ -257,6 +257,10 @@ body.home layer#main ul {`
`257`	`257`	`list-style: none;`
`258`	`258`	`}`
`259`	`259`
	`260`	`+body.home #content {`
	`261`	`+ margin-bottom: 20px;`
	`262`	`+}`
	`263`	`+`
`260`	`264`	`layer#main table li:not(:first-child) {`
`261`	`265`	`padding-top: 10px;`
`262`	`266`	`}`