colors generations based on wallpaper

.config/rofi/colors.rasinc

@@ -0,0 +1,107 @@
+/*
+* Css Colors
+* Generated with Matugen
+*/
+* {
+
+  background: #151218;
+
+  error: #ffb4ab;
+
+  error-container: #93000a;
+
+  inverse-on-surface: #322f35;
+
+  inverse-primary: #6a538c;
+
+  inverse-surface: #e7e0e8;
+
+  on-background: #e7e0e8;
+
+  on-error: #690005;
+
+  on-error-container: #ffdad6;
+
+  on-primary: #3b255b;
+
+  on-primary-container: #eddcff;
+
+  on-primary-fixed: #250e44;
+
+  on-primary-fixed-variant: #523c73;
+
+  on-secondary: #352d40;
+
+  on-secondary-container: #ebddf7;
+
+  on-secondary-fixed: #1f182a;
+
+  on-secondary-fixed-variant: #4c4357;
+
+  on-surface: #e7e0e8;
+
+  on-surface-variant: #cbc4cf;
+
+  on-tertiary: #4b252e;
+
+  on-tertiary-container: #ffd9df;
+
+  on-tertiary-fixed: #321019;
+
+  on-tertiary-fixed-variant: #643b44;
+
+  outline: #958e99;
+
+  outline-variant: #4a454e;
+
+  primary: #d6bbfb;
+
+  primary-container: #523c73;
+
+  primary-fixed: #eddcff;
+
+  primary-fixed-dim: #d6bbfb;
+
+  scrim: #000000;
+
+  secondary: #cec2db;
+
+  secondary-container: #4c4357;
+
+  secondary-fixed: #ebddf7;
+
+  secondary-fixed-dim: #cec2db;
+
+  shadow: #000000;
+
+  source-color: #6f22cd;
+
+  surface: #151218;
+
+  surface-bright: #3b383e;
+
+  surface-container: #211e24;
+
+  surface-container-high: #2c292f;
+
+  surface-container-highest: #37333a;
+
+  surface-container-low: #1d1a20;
+
+  surface-container-lowest: #100d12;
+
+  surface-dim: #151218;
+
+  surface-tint: #d6bbfb;
+
+  surface-variant: #4a454e;
+
+  tertiary: #f1b7c2;
+
+  tertiary-container: #643b44;
+
+  tertiary-fixed: #ffd9df;
+
+  tertiary-fixed-dim: #f1b7c2;
+
+}

.config/rofi/theme.rasinc

@@ -1,22 +1,24 @@
+@import "colors.rasinc"
+
 window {
-  background-color: #313244;
+  background-color: @background;
   border: 3px solid;
-  border-color: #b4befe;
+  border-color: @primary;
   border-radius: 0 0 1em 1em;
   y-offset: -3px;
   width: 80%;
 }
 
 scrollbar {
-  background-color: #313244;
+  background-color: @background;
   handle-width: 1em;
-  handle-color: #b4befe;
+  handle-color: @surface-container;
 }
 
 mainbox {
-    background-color: #313244;
+    background-color: @background;
     orientation: vertical;
-    color: #cdd6f4;
+    color: @primary;
 }
 
 inputbar {
@@ -45,14 +47,14 @@ num-rows {
 }
 
 listview {
-  background-color: #313244;
+  background-color: @background;
   lines: 11;
   spacing: 1px;
 }
 
 element, element-text, element-icon {
-    background-color: #313244;
-    color: #cdd6f4;
+    background-color: @background;
+    color: @primary;
 }
 
 element normal.normal, element alternate.normal {
@@ -60,16 +62,16 @@ element normal.normal, element alternate.normal {
 }
 
 element selected.normal, element selected.active{
-    background-color: #f38ba8;
+    background-color: @secondary;
 }
 
 element normal.active, element alternate.active{
-    background-color: #94e2d5;
+    background-color: @tertiary;
 }
 
 mode-switcher {
-    background-color: #313244;
-    color: #cdd6f4;
+    background-color: @background;
+    color: @primary;
 }
 
 button {
@@ -77,6 +79,6 @@ button {
 }
 
 button selected.normal {
-    background-color: #6c7086;
+    background-color: @on-primary;
     color: inherit;
 }