New icon/ color

src/manifest.json

@@ -7,9 +7,9 @@
   "background": { "service_worker": "background.bundle.js" },
   "action": {
     "default_popup": "popup.html",
-    "default_icon": "icon-32.png"
+    "default_icon": "icon32.png"
   },
   "icons": {
-    "128": "icon-128.png"
+    "128": "icon128.png"
   }
 }

src/theme.ts

@@ -4,8 +4,8 @@ export const theme: Theme = {
   colors: {
     text: '#333333',
     background: '#FDFDFD',
-    primary: '#a55eea',
-    primaryDark: '#9454d2',
+    primary: '#B77EEE',
+    primaryDark: '#a55eea',
     red: '#fc5c65',
     redDark: '#e2525a',
     green: '#26de81',
@@ -49,6 +49,7 @@ export const theme: Theme = {
   },
   buttons: {
     primary: {
+      borderRadius: 0,
       color: 'background',
       bg: 'primary',
       py: '3px',

webpack.config.js

@@ -131,7 +131,7 @@ var options = {
     new CopyWebpackPlugin({
       patterns: [
         {
-          from: 'src/assets/img/icon-128.png',
+          from: 'src/assets/img/icon128.png',
           to: path.join(__dirname, 'build'),
           force: true,
         },
@@ -140,7 +140,7 @@ var options = {
     new CopyWebpackPlugin({
       patterns: [
         {
-          from: 'src/assets/img/icon-32.png',
+          from: 'src/assets/img/icon32.png',
           to: path.join(__dirname, 'build'),
           force: true,
         },