Add 's' method to access theme props (#5163)

2023-04-07 22:43:34 -04:00
parent c202198d61
commit 422bdc32d9
116 changed files with 482 additions and 388 deletions
--- a/app/components/LoadingIndicator/LoadingIndicatorBar.tsx
+++ b/app/components/LoadingIndicator/LoadingIndicatorBar.tsx
@@ -1,6 +1,6 @@
 import * as React from "react";
 import styled, { keyframes } from "styled-components";
-import { depths } from "@shared/styles";
+import { depths, s } from "@shared/styles";

 const LoadingIndicatorBar = () => {
  return (
@@ -28,7 +28,7 @@ const Container = styled.div`
 const Loader = styled.div`
  width: 100%;
  height: 2px;
-  background-color: ${(props) => props.theme.accent};
+  background-color: ${s("accent")};
 `;

 export default LoadingIndicatorBar;