diff --git a/Adwaita Manager V1.png b/Adwaita Manager V1.png new file mode 100644 index 0000000..e3a3a0c Binary files /dev/null and b/Adwaita Manager V1.png differ diff --git a/Adwaita Manager V1.svg b/Adwaita Manager V1.svg new file mode 100644 index 0000000..35be022 --- /dev/null +++ b/Adwaita Manager V1.svg @@ -0,0 +1,2428 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + Adwaita Manager + New UI Mockup for Adwaita Manager (AdwCustomizer)- New Welcome Screen- New Tab View- Full Theme Preview- Material You* + + + + + loupe-large + + + + + + + + + + + + + + Colors + + + + + + + + + Monet + + + + + + + + + CSS + + + + + + + + + + + Standalone Color + Foreground Color + Background Color + + + + + + + + + + + + + + + + + menu-large + + + + + + + + + + Apply + + + + + + + + + + + + + + Accent Colors + These colors are used across many different widgets, such as buttons, labels, and entries, to indicate that a widget is important, interactive, or currently active. + + + + + + + + + + + + + + + + + + Standalone Color + Background Color + + + + + Destructive Colors + These colors are used for buttons to indicate a dangerous action, such as deleting a file. + + + + + + + + + + + + + + Style Not Saved + Style Saved + + + Scheme Set Successfully! + + + + + + + Undo + + + + + + loupe-large + + + + + + + + + + + + + + Colors + + + + + + + + + Monet + + + + + + + + + CSS + + + + + + + + + + + Background Image + + + + + + + + + + + + + + menu-large + + + + + + + + + + Apply + + + + + + + + + + Monet Engine + Monet is engine that generates a Material Design 3 color scheme from background colors. + + + + + + adwaita-l.jpg + + + Monet Palette + + + + + + + + + + + + + + + + + loupe-large + + + + + + + + + + + + + + Colors + + + + + + + + + Monet + + + + + + + + + CSS + + + + + + + + + + + + + + + + + + + + + + + + menu-large + + + + + + + + + + Apply + + + + + + + + + + Custom CSS + Changing this may break some programs. Keep in mind that Libadwaita was made so that applications could hardcode values like paddings and margins (like in case of the Custom CSS code field itself, which uses 12px padding). Only GTK 4 CSS will be previewed here. + + + .csd.popup decoration { +border-radius: 12px; +box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); +} + + +menu, .menu, .context-menu { + margin: 4px; + padding: 6px 6px; +} + + GTK4 + Mockup By @Daudix UFO + * Also known as Material Design 3 + + diff --git a/Adwaita Manager V2.png b/Adwaita Manager V2.png new file mode 100644 index 0000000..3f6eea4 Binary files /dev/null and b/Adwaita Manager V2.png differ diff --git a/Adwaita Manager V2.svg b/Adwaita Manager V2.svg new file mode 100644 index 0000000..26f0e34 --- /dev/null +++ b/Adwaita Manager V2.svg @@ -0,0 +1,6395 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + Adwaita Manager + New UI Mockup for Adwaita Manager (AdwCustomizer)- Welcome Screen- Tab View- Monet Engine* + + + + + loupe-large + + + + + + + + + + + + + + Colors + + + + + + + + + Monet + + + + + + + + + CSS + + + + + + + + + + + Standalone Color + Foreground Color + Background Color + + + + + + + + + + + + + + + + + menu-large + + + + + + + + + + Apply + + + + + + + + + + + + + + Accent Colors + These colors are used across many different widgets, such as buttons, labels, and entries, to indicate that a widget is important, interactive, or currently active. + + + + + + + + + + + + + + + + + + Standalone Color + Background Color + + + + + Destructive Colors + These colors are used for buttons to indicate a dangerous action, such as deleting a file. + + + + + + + + + + + + + + Style Not Saved + Style Saved + + + Scheme Set Successfully! + + + + + + + Undo + + + + + + loupe-large + + + + + + + + + + + + + + Colors + + + + + + + + + Monet + + + + + + + + + CSS + + + + + + + + + + + Background Image + + + + + + + + + + + + + + menu-large + + + + + + + + + + Apply + + + + + + + + + + Monet Engine + Monet is engine that generates a Material Design 3 color palette from background colors. + + + + adwaita-l.jpg + + + Monet Palette + + + + + + + + + + + + + + + + + loupe-large + + + + + + + + + + + + + + Colors + + + + + + + + + Monet + + + + + + + + + CSS + + + + + + + + + + + + + + + + + + + + + + + + menu-large + + + + + + + + + + Apply + + + + + + + + + + Custom CSS + Changing this may break some programs. Keep in mind that Libadwaita was made so that applications could hardcode values like paddings and margins (like in case of the Custom CSS code field itself, which uses 12px padding). Only GTK 4 CSS will be previewed here. + + + .csd.popup decoration { +border-radius: 12px; +box-shadow: 0 2px 2.4px -1px rgba(0, 0, 0, 0.2), 0 4px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 6px 0 rgba(0, 0, 0, 0.12); +} + + +menu, .menu, .context-menu { + margin: 4px; + padding: 6px 6px; +} + + GTK4 + Mockup By @Daudix_UFO for Adwaita Manager by @ArtyIF + * Also known as Material You and Material 3 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Welcome toAdwaita Manager + Change the look of Adwaita, with ease + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Configure Themes + Install adw-gtk3 theme for legacy +applications. + + + + + adw-gtk3 theme (Flatpak) + adw-gtk3 theme (System) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + CustomizeAdwaita Theme + Change colors of windows, buttons, lists +and more, with advanced features +like adding custom CSS. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Installing Themes + Please wait until themes will be +installed. + + + + + adw-gtk3 theme (Flatpak) + adw-gtk3 theme (System) + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Get Started + + Done! + Now you can make your own presets, +or download some online. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Presrets + + + + + + + + + + + + + + + + + + + Ytterp Elprup + Pretty Purple + + + + + + + + + + Remove + + + + + + + Presrets + + + + + + + + + + + + + + + + + + + Ytterp Elprup + Pretty Purple + + + + + + + + + + Remove + + + + + + + Presrets + + + + + + + + + + + + + + + + + + Ytterp Elprup + Pretty Purple + + + + + + + + + + + + + + + + + + + + Rename + + + + + + + + Presrets + + + + + + + + + + + + + + + + + + Ytterp Elprup + Pretty Purple + + + + + + + + + + + + + Import + + + + + Rename + + + + + + + + + + Built-in Presets + + Adwaita + + Adwaita Dark + + + + Pretty Purple + Manage Presets + + + + +