fix(plugin): minor style and copy edits

Author: rektdeckard

package.json

@@ -1,6 +1,6 @@
 {
   "name": "phosphor-figma",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "license": "MIT",
   "homepage": "https://phosphoricons.com",
   "author": {

src/components/Footer/Footer.tsx

@@ -14,7 +14,9 @@ const Footer: React.FC<{}> = () => {
       </div>
       <div
         className="version"
-        title={`Based on phosphor-react@${dependencies["@phosphor-icons/react"]}`}
+        title={`Based on @phosphor-icons/react v${dependencies[
+          "@phosphor-icons/react"
+        ].replace(/[\^~\=]/, "")}`}
       >
         v{version}
       </div>

src/components/Toolbar/StyleInput.css

@@ -11,7 +11,7 @@ select {
   font-family: Inter;
 
   appearance: none;
-  background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.646 5.354l-3-3 .708-.708L4 4.293l2.646-2.647.708.708-3 3L4 5.707l-.354-.353z' fill-rule='evenodd' fill-opacity='1' fill='%23000' stroke='none'%3E%3C/path%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.646 5.354l-3-3 .708-.708L4 4.293l2.646-2.647.708.708-3 3L4 5.707l-.354-.353z' fill-rule='evenodd' fill-opacity='1' fill='%238e8e8e' stroke='none'%3E%3C/path%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: center right 6px;
 }
@@ -28,7 +28,7 @@ select:active {
 }
 
 select:focus-within {
-  background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.354 1.99903L7.354 4.99903L6.646 5.70703L4 3.06003L1.354 5.70703L0.646004 4.99903L3.646 1.99903L4 1.64603L4.354 1.99903Z' fill='%23000' stroke='none'/%3E%3C/svg%3E");
+  background-image: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.354 1.99903L7.354 4.99903L6.646 5.70703L4 3.06003L1.354 5.70703L0.646004 4.99903L3.646 1.99903L4 1.64603L4.354 1.99903Z' fill='%238e8e8e' stroke='none'/%3E%3C/svg%3E");
   background-position: top 8px right 6px;
 }
 

src/components/Toolbar/Toolbar.tsx

@@ -32,7 +32,7 @@ const Toolbar: React.FC<ToolbarProps> = () => {
               xmlns="http://www.w3.org/2000/svg"
               width={16}
               height={16}
-              fill="black"
+              fill="currentColor"
               viewBox="0 0 16 16"
             >
               <rect x={3} y={3} width={10} height={10}></rect>