diff --git a/app/web/config/tailwind.config.js b/app/web/config/tailwind.config.js index 1089e04..1ae3348 100644 --- a/app/web/config/tailwind.config.js +++ b/app/web/config/tailwind.config.js @@ -24,6 +24,7 @@ module.exports = { 760: '#232532', 700: '#2A3038', 600: '#3B3E4B', + 550: '#63636A', 500: '#9F9FB4', 400: '#A4A4B0', 300: '#CFCFD8', diff --git a/app/web/src/components/EditorMenu/EditorMenu.tsx b/app/web/src/components/EditorMenu/EditorMenu.tsx index f406c38..158b673 100644 --- a/app/web/src/components/EditorMenu/EditorMenu.tsx +++ b/app/web/src/components/EditorMenu/EditorMenu.tsx @@ -26,7 +26,7 @@ const EditorMenu = () => { return (
-
+
diff --git a/app/web/src/components/IdeHeader/IdeHeader.tsx b/app/web/src/components/IdeHeader/IdeHeader.tsx index 3a616a4..62822db 100644 --- a/app/web/src/components/IdeHeader/IdeHeader.tsx +++ b/app/web/src/components/IdeHeader/IdeHeader.tsx @@ -102,9 +102,9 @@ const IdeHeader = ({ - + )} /> diff --git a/app/web/src/components/IdeSideBar/IdeSideBar.tsx b/app/web/src/components/IdeSideBar/IdeSideBar.tsx index 9ee1d84..d76b2a9 100644 --- a/app/web/src/components/IdeSideBar/IdeSideBar.tsx +++ b/app/web/src/components/IdeSideBar/IdeSideBar.tsx @@ -4,17 +4,17 @@ import Svg from 'src/components/Svg/Svg' const IdeSideBar = () => { return (
-
+
- +
) diff --git a/app/web/src/components/IdeWrapper/IdeWrapper.tsx b/app/web/src/components/IdeWrapper/IdeWrapper.tsx index 40f830e..aceab38 100644 --- a/app/web/src/components/IdeWrapper/IdeWrapper.tsx +++ b/app/web/src/components/IdeWrapper/IdeWrapper.tsx @@ -25,7 +25,7 @@ const IdeWrapper = ({ cadPackage }: Props) => { return (
-
+
diff --git a/app/web/src/components/NavPlusButton/NavPlusButton.tsx b/app/web/src/components/NavPlusButton/NavPlusButton.tsx index 4763e68..46a111b 100644 --- a/app/web/src/components/NavPlusButton/NavPlusButton.tsx +++ b/app/web/src/components/NavPlusButton/NavPlusButton.tsx @@ -20,7 +20,7 @@ const menuOptions: { const NavPlusButton: React.FC = () => { return ( - + diff --git a/app/web/src/components/PanelToolbar/PanelToolbar.tsx b/app/web/src/components/PanelToolbar/PanelToolbar.tsx index 3691b9e..c8f8826 100644 --- a/app/web/src/components/PanelToolbar/PanelToolbar.tsx +++ b/app/web/src/components/PanelToolbar/PanelToolbar.tsx @@ -23,10 +23,10 @@ const PanelToolbar = ({ aria-label={`${panelName} settings`} disabled > - + {mosaicWindowActions.connectDragSource( -
+
)} diff --git a/app/web/src/components/Svg/Svg.tsx b/app/web/src/components/Svg/Svg.tsx index ee46676..e9974d9 100644 --- a/app/web/src/components/Svg/Svg.tsx +++ b/app/web/src/components/Svg/Svg.tsx @@ -2,7 +2,6 @@ type SvgNames = | 'arrow-down' // | 'arrow' | 'arrow-left' - | 'big-gear' | 'camera' | 'check' | 'chevron-down' @@ -331,21 +330,12 @@ const Svg = ({ ), gear: ( - + - - ), - 'big-gear': ( - - + d="M18.5596 32.6494L14.4414 32.6493L13.3126 27.3566L11.1836 26.4752L6.6429 29.4195L3.73084 26.5076L6.75991 22.0513L5.79279 19.838L0.500103 18.7091L0.5 14.591L5.79292 13.5818L6.75988 11.2476L3.73082 6.79131L6.64287 3.8794L11.1836 6.82369L13.3115 5.9422L14.4403 0.649517L18.5585 0.649414L19.5677 5.94233L21.9012 6.90846L26.3575 3.87939L29.2694 6.79145L26.3251 11.3321L27.2071 13.5807L32.5 14.5899L32.4999 18.708L27.2072 19.8369L26.3251 21.9667L29.2694 26.5074L26.3575 29.4195L21.9012 26.3904L19.5688 27.3565L18.5596 32.6494ZM16.5001 22.2987C13.3792 22.2987 10.8492 19.7687 10.8492 16.6478C10.8492 13.5269 13.3792 10.997 16.5001 10.997C19.621 10.997 22.151 13.5269 22.151 16.6478C22.151 19.7687 19.621 22.2987 16.5001 22.2987Z"/> ), lightbulb: ( diff --git a/app/web/src/index.css b/app/web/src/index.css index db4a18c..0b8ef1d 100644 --- a/app/web/src/index.css +++ b/app/web/src/index.css @@ -13,6 +13,13 @@ * END --- TAILWIND GENERATOR EDIT */ +@layer base { + body { + font-family: 'Fira Sans', ui-sans-serif, system-ui, -apple-system, system-ui, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + } +} + + .markdown-overrides h4 { @apply text-lg font-bold; }