Fix charging icon

Jean-Tinland · Apr 29, 2024 · 4fa1833 · 4fa1833
1 parent 1e810dd
commit 4fa1833
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/lib/components/icons.jsx b/lib/components/icons.jsx
@@ -263,7 +263,7 @@ export const Celo = (props) => (
 
 export const Charging = (props) => (
   <Icon {...props}>
-    <path d="M13.3982 1.0828a1 1 0 0 1 .5941 1.0413L13.1328 9H21a1 1 0 0 1 .7682 1.6401l-10 12a1 1 0 0 1-1.7605-.7642l.8595-6.8759H3a1 1 0 0 1-.7682-1.6402l10-12a1 1 0 0 1 1.1664-.2772ZM5.1351 13H12a.9998.9998 0 0 1 .9923 1.124l-.5769 4.6155 6.4496-7.7395H12a1.0003 1.0003 0 0 1-.9923-1.124l.577-4.6156-6.4497 7.7396Z" />
+    <path d="M7 2v11h3v9l7-12h-4l3-8z" />
   </Icon>
 );
 
@@ -963,8 +963,8 @@ export const OrbStack = (props) => (
   <Icon {...props}>
     <path d="M6.348 0h8.511c1.45.04 2.907-.05 4.356.094 1.105.11 2.191.535 3.02 1.289a4.941 4.941 0 0 1 1.453 2.273c.269.856.292 1.758.312 2.649v11.46c-.023.801-.043 1.61-.258 2.387-.25.993-.82 1.891-1.594 2.559a5.151 5.151 0 0 1-2.261 1.102c-.696.156-1.418.164-2.13.187H6.255c-.89-.027-1.8-.047-2.652-.332a5 5 0 0 1-3-2.61c-.465-.949-.563-2.023-.579-3.066-.03-1.168.008-2.336-.023-3.504V7.16c.035-1.137-.023-2.3.297-3.41A5.017 5.017 0 0 1 3.016.574C4.05.07 5.219.047 6.348 0m4.539 3.324a8.536 8.536 0 0 0-5.102 2.461C4.34 7.2 3.434 9.141 3.235 11.152c-.016 1.036-.083 2.09.21 3.094.38 1.465 1.13 2.852 2.223 3.906 1.324 1.418 3.168 2.325 5.09 2.578 1.527.145 3.129.032 4.531-.64 1.168-.77 2.137-1.809 2.887-2.98.258-.485.605-.919.742-1.458.008.508-.438.844-.54 1.317a12.396 12.396 0 0 0 1.61-4.41c-.008-.473.125-.934.106-1.407 0-.437.156-.867.07-1.308a8.611 8.611 0 0 0-.777-2.176c-1.594-3.004-5.145-4.766-8.5-4.344Zm0 0" />
     <path
-      fill-opacity=".7"
-      fill-rule="evenodd"
+      fillOpacity=".7"
+      fillRule="evenodd"
       d="M6.977 5.352c.343-.223.707-.543 1.148-.422-.703.578-1.21 1.355-1.836 2.011-.71.762-1.351 1.59-1.965 2.43-.238.36-.27.844-.625 1.121-.11-.765.332-1.433.543-2.133.551-.996 1.235-1.933 2.102-2.671.176-.118.36-.235.515-.38.016-.113.098-.253.235-.23-.032.094-.078.18-.117.274ZM13.633 6.063c.738-.055 1.539.019 2.172.445.238.133.515.219.703.43.332.351.71.667.937 1.101.242.445.528.871.703 1.352.207.504.293 1.046.364 1.582-.016.566.074 1.152-.145 1.691-.172.625-.656 1.176-1.285 1.352-.344-.133-.703-.34-.855-.696-.145-.308-.356-.586-.508-.89a17.213 17.213 0 0 0-1.192-2.192 32.978 32.978 0 0 0-1.054-1.75c-.348-.597-.641-1.261-.582-1.968.203-.207.43-.442.742-.457Zm0 0"
     />
   </Icon>

diff --git a/lib/styles/components/data/battery.js b/lib/styles/components/data/battery.js
@@ -51,16 +51,19 @@ export const batteryStyles = /* css */ `
   left: calc(50% - 6px);
   width: 11px;
   height: 11px;
-  fill: var(--magenta);
+  fill: currentColor;
+  stroke: var(--magenta);
+  stroke-width: 2;
   z-index: 1;
-  transition: fill 160ms var(--transition-easing);
 }
 .battery--caffeinate .battery__charging-icon {
-  fill: var(--white);
+  stroke: var(--white);
+}
+.simple-bar--widgets-background-color-as-foreground .battery__charging-icon {
+  stroke: var(--background);
 }
-.simple-bar--widgets-background-color-as-foreground .battery__charging-icon,
 .simple-bar--no-color-in-data .battery__charging-icon {
-  fill: var(--background);
+  stroke: var(--minor);
 }
 .simple-bar--no-color-in-data .battery__icon-inner {
   fill: currentColor;