wip

lama_cleaner/app/src/styles/_Colors.scss

@@ -6,6 +6,7 @@
   --page-bg-light: rgb(255, 255, 255, 0.5);
   --page-text-color: #040404;
   --yellow-accent: #ffcc00;
+  --yellow-accent-light: #ffcc0055;
   --link-color: rgb(0, 0, 0);
   --border-color: rgb(100, 100, 120);
   --border-color-light: rgba(100, 100, 120, 0.5);
@@ -57,4 +58,6 @@
   --box-shadow: inset 0 0.5px rgba(255, 255, 255, 0.1),
     inset 0 1px 5px hsl(210 16.7% 97.6%), 0px 0px 0px 0.5px hsl(205 10.7% 78%),
     0px 2px 1px -1px hsl(205 10.7% 78%), 0 1px hsl(205 10.7% 78%);
+
+  --croper-bg: rgba(0, 0, 0, 0.5);
 }

lama_cleaner/app/src/styles/_ColorsDark.scss

@@ -6,6 +6,7 @@
   --page-bg-light: #04040488;
   --page-text-color: #f9f9f9;
   --yellow-accent: #ffcc00;
+  --yellow-accent-light: #ffcc0055;
   --link-color: var(--yellow-accent);
   --border-color: rgb(100, 100, 120);
   --border-color-light: rgba(102, 102, 102);
@@ -55,4 +56,6 @@
   --box-shadow: inset 0 0.5px rgba(255, 255, 255, 0.1),
     inset 0 1px 5px hsl(195 7.1% 11%), 0px 0px 0px 0.5px hsl(207 5.6% 31.6%),
     0px 2px 1px -1px hsl(207 5.6% 31.6%), 0 1px hsl(207 5.6% 31.6%);
+
+  --croper-bg: rgba(0, 0, 0, 0.5);
 }

lama_cleaner/app/src/styles/_index.scss

@@ -9,9 +9,12 @@
 @use '../components/Editor/Editor';
 @use '../components/LandingPage/LandingPage';
 @use '../components/Header/Header';
+@use '../components/Header/PromptInput';
 @use '../components/Header/ThemeChanger';
 @use '../components/Shortcuts/Shortcuts';
 @use '../components/Settings/Settings.scss';
+@use '../components/SidePanel/SidePanel.scss';
+@use '../components/Croper/Croper.scss';
 
 // Shared
 @use '../components/FileSelect/FileSelect';