Merge pull request #4 from jairaume/fix/v-1.0.1-missing-fonts-and-cod…

…e-coverage-styling

Fix/v 1.0.1 missing fonts and code coverage styling

.gitignore

@@ -13,6 +13,11 @@ stats.html
 stats-*.json
 .wxt
 web-ext.config.ts
+.DS_Store
+
+# env
+.env
+.env.*
 
 # Editor directories and files
 .vscode/*

common/style.css

@@ -6,8 +6,8 @@
 
 @font-face { 
   font-family: "pixel"; 
-  src: url("./assets/fonts/Pixel.woff2") format("woff2"), 
-       url("./assets/fonts/Pixel.woff") format("woff"); 
+  src: url("/assets/fonts/Pixel.woff2") format("woff2"), 
+       url("/assets/fonts/Pixel.woff") format("woff"); 
 } 
 
 

entrypoints/content/inject.css

@@ -20,6 +20,11 @@
     --color-black-transparent: rgba(0, 0, 0, 0.5);
     --color-dark-red: #a12323;
     --color-red : #e61123;
+    --color-red-transparent: rgba(230, 17, 35, .5);
+    --color-coverage-covered: rgba(59, 155, 61, .5);
+    --color-coverage-covered-stale: rgba(59, 155, 61, .25);
+    --color-coverage-not-covered: rgba(155, 59, 59, .5);
+    --color-coverage-not-covered-stale: rgba(155, 59, 59, .25);
 
     /* Gaps */
     --gap-very-small: 2px;
@@ -137,6 +142,9 @@ body.dev-console-one-theme {
             color: var(--on-bg-secondary) !important;
         }
     }
+    div.problemCircle {
+        margin-left: .5rem;
+    }
     .x-tab:hover .x-tab-inner {
         color: var(--on-bg-focused) !important;
         transition-duration: var(--duration-fast);
@@ -658,4 +666,16 @@ body.dev-console-one-theme {
             border-radius: var(--radius-small);
         }
     }
+    .CodeMirror-line-highlight-covered {
+        background: var(--color-coverage-covered) !important;
+    }
+    .CodeMirror-line-highlight-covered-stale {
+        background: var(--color-coverage-covered-stale) !important;
+    }
+    .CodeMirror-line-highlight-notcovered {
+        background: var(--color-coverage-not-covered) !important;
+    }
+    .CodeMirror-line-highlight-notcovered-stale {
+        background: var(--color-coverage-not-covered-stale) !important;
+    }
 }

package.json

@@ -7,7 +7,7 @@
     "url": "https://rasclejero.me"
   },
   "private": true,
-  "version": "1.0.0",
+  "version": "1.0.1",
   "type": "module",
   "scripts": {
     "dev": "wxt",

themes.ts

@@ -140,7 +140,7 @@ export const themes: Theme[] = [
 	},
 	{
 		name: "Monochrome",
-		description: "🌑 If black and white is all you need",
+		description: "🎱 If black and white is all you need",
 		colors: {
 			"bg-dark": "#141414",
 			"bg-light": "#1f1f1f",
@@ -175,7 +175,7 @@ export const themes: Theme[] = [
 			"on-bg-secondary": "#5B5A58",
 			"line-number": "#5B5A58",
 			string: "#40C066",
-			word: "#FFCC66",
+			word: "#d1941a",
 			keyword: "#CC66FF",
 			cursor: "#2F2E2C",
 			def: "#40C066",
@@ -186,7 +186,7 @@ export const themes: Theme[] = [
 	},
 	{
 		name: "Oceanic Dreams",
-		description: "🛟 20,000 Leagues under the sea",
+		description: "🦑 20,000 Leagues under the sea",
 		colors: {
 			"bg-dark": "#03202f",
 			"bg-light": "#052938",