fix: bad background of main div

Author: Gérard Collin

apps/xt-host/projects/host/src/app/app.component.css

@@ -1,3 +0,0 @@
-.main-area {
-  background: var( --p-content-background);
-}

apps/xt-host/projects/host/src/app/app.config.ts

@@ -40,6 +40,9 @@ const AppPreset = definePreset(Aura, {
           800: '#2a2f3c',
           900: '#171a22',
           950: '#0b0d12'
+        },
+        content: {
+          background: '{ surface.50}'
         }
       },
       dark: {
@@ -56,7 +59,11 @@ const AppPreset = definePreset(Aura, {
           100: '#f3f5fa',
           50: '#fafbfe',
           0: '#ffffff'
+        },
+        content: {
+          background: '{ surface.950}'
         }
+
       }
     }
   },

apps/xt-host/projects/host/src/styles.css

@@ -9,91 +9,8 @@ body {
   min-height: 100%;
   margin: 0;
   padding: 0;
-  font-family:
-    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
-    sans-serif;
 }
 
-.app-dark body {
+.main-area {
+  background: var( --p-form-field-background)
 }
-
-.app-toolbar {
-  backdrop-filter: blur(14px);
-}
-
-.p-card {
-  border-radius: 1.25rem;
-  box-shadow: 0 14px 40px rgba(15, 23, 42, 0.08);
-}
-
-.app-dark .p-card {
-  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.28);
-}
-
-/* Toolbar */
-.p-toolbar {
-}
-
-.app-dark .p-toolbar {
-}
-
-/* Menu */
-.p-menu {
-  border-radius: 1rem;
-}
-
-.app-dark .p-menu {
-}
-
-.p-menu .p-menuitem-link {
-}
-
-.app-dark .p-menu .p-menuitem-link,
-.app-dark .p-menu .p-menuitem-text,
-.app-dark .p-menu .p-menuitem-icon {
-}
-
-/* Tabs / TabMenu / TabView / Tabs */
-.p-tabmenu,
-.p-tabview,
-.p-tabs {
-}
-
-.app-dark .p-tabmenu,
-.app-dark .p-tabview,
-.app-dark .p-tabs {
-}
-
-.app-dark .p-tabmenu .p-tabmenu-nav,
-.app-dark .p-tabview .p-tabview-nav {
-}
-
-.app-dark .p-tabmenu .p-tabmenu-nav .p-menuitem-link,
-.app-dark .p-tabview .p-tabview-nav .p-tab,
-.app-dark .p-tabs .p-tab {
-}
-
-.p-button {
-  border-radius: 0.9rem;
-  font-weight: 600;
-}
-
-.p-inputtext,
-.p-dropdown,
-.p-select,
-.p-multiselect,
-.p-password input,
-.p-textarea {
-  border-radius: 0.9rem;
-}
-
-.p-datatable .p-datatable-header,
-.p-datatable .p-datatable-footer {
-  border-radius: 1rem;
-}
-
-.p-dialog .p-dialog-content,
-.p-dialog .p-dialog-header {
-  border-radius: 1.25rem;
-}
-