@solidstarters/create-solid-app 1.2.12 → 1.2.14

package/templates/next-template/public/themes/solid-light-purple/theme.css

@@ -139,8 +139,12 @@
   --solid-light-100: #FBFCFF;
   --solid-grey-500: #666666;
   --solid-form-title: #4B4D52;
+  --solid-secondary-text-color: #4B4D52;
+  --solid-title: #4B4D52;
   --solid-primary-border: #DADCE0;
   --solid-stepper-border: #CFD6DC;
+  --solid-setting-title: rgba(0, 0, 0, 0.88);
+  --solid-dark-title: rgba(0, 0, 0, 0.88);
   color-scheme: light;
 }
 
@@ -267,10 +271,18 @@
   --primary-900: #260955;
 }
 
+.solid-primary-title {
+  color: var(--solid-title) !important;
+}
+
 .secondary-dark-color {
   color: var(--secondary-dark-color) !important;
 }
 
+.solid-secondary-text-color{
+  color: var(--solid-secondary-text-color) !important;
+}
+
 .p-editor-container .p-editor-toolbar {
   background: #f9fafb;
   border-top-right-radius: 6px;
@@ -1177,6 +1189,10 @@
     outline-color: transparent;
   }
 
+  .solid-custom-filter-wrapper .p-chips .p-chips-multiple-container {
+    padding: 0.12rem 0.65625rem;
+  }
+
   .p-chips .p-chips-multiple-container .p-chips-token {
     padding: 0.375rem 0.75rem;
     margin-right: 0.5rem;
@@ -1201,7 +1217,7 @@
   .p-chips .p-chips-multiple-container .p-chips-input-token input {
     font-family: var(--font-family);
     font-feature-settings: var(--font-feature-settings, normal);
-    font-size: 1rem;
+    font-size: 0.875rem;
     color: #4b5563;
     padding: 0;
     margin: 0;
@@ -1685,7 +1701,7 @@
   }
 
   .p-inputtext.p-invalid.p-component {
-    border-color: #e24c4c;
+    border-color: #e24c4c !important;
   }
 
   .p-inputtext.p-variant-filled {
@@ -2855,7 +2871,7 @@
   }
 
   .p-button.p-button-outlined:not(:disabled):hover {
-    background: rgba(6, 182, 212, 0.04);
+    background: rgba(100, 116, 139, 0.16);
     color: #722ED1;
     border: 1px solid;
   }
@@ -2888,7 +2904,7 @@
   }
 
   .p-button.p-button-text:not(:disabled):hover {
-    background: rgba(6, 182, 212, 0.04);
+    background: rgba(100, 116, 139, 0.16);
     color: #722ED1;
     border-color: transparent;
   }
@@ -3101,7 +3117,7 @@
   .p-splitbutton.p-button-secondary>.p-button.p-button-text,
   .p-fileupload-choose.p-button-secondary.p-button-text {
     background-color: transparent;
-    color: #64748b;
+    color: #4B4D52;
     border-color: transparent;
   }
 
@@ -3111,7 +3127,7 @@
   .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover {
     background: rgba(100, 116, 139, 0.04);
     border-color: transparent;
-    color: #64748b;
+    color: #4B4D52;
   }
 
   .p-button.p-button-secondary.p-button-text:not(:disabled):active,
@@ -3120,7 +3136,7 @@
   .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {
     background: rgba(100, 116, 139, 0.16);
     border-color: transparent;
-    color: #64748b;
+    color: #4B4D52;
   }
 
   .p-button.p-button-info,
@@ -3680,7 +3696,7 @@
   }
 
   .p-splitbutton.p-button-outlined>.p-button:not(:disabled):hover {
-    background: rgba(6, 182, 212, 0.04);
+    background: rgba(100, 116, 139, 0.16);
     color: #722ED1;
   }
 
@@ -3711,7 +3727,7 @@
   }
 
   .p-splitbutton.p-button-text>.p-button:not(:disabled):hover {
-    background: rgba(6, 182, 212, 0.04);
+    background: rgba(100, 116, 139, 0.16);
     color: #722ED1;
     border-color: transparent;
   }
@@ -4152,7 +4168,7 @@
     padding: 0.954rem 1rem;
     border: 1px solid #CED0D6;
     border-width: 1px 0 1px 0;
-    font-weight: 700;
+    font-weight: 600;
     color: #374151;
     background: #F5F5F5;
     transition: box-shadow 0.2s;
@@ -5764,7 +5780,7 @@
   }
 
   .p-fieldset {
-    border: 1px solid #CED0D6;
+    border: 1px solid rgba(216, 226, 234, 0.40);
     background: #ffffff;
     color: #4b5563;
     border-radius: 6px;
@@ -6141,8 +6157,17 @@
 
   .p-tabview .p-tabview-nav {
     /* background: #ffffff; */
-    border: 1px solid #CED0D6;
-    border-width: 0 0 2px 0;
+    /* border: 1px solid #CED0D6; */
+    border-width: 0 0 1px 0;
+  }
+
+  .p-unselectable-text {
+    border-bottom: 1px solid #f0f0f0;
+  }
+
+
+  .p-unselectable-text.p-tabview-selected.p-highlight {
+    border-bottom: 2px solid var(--primary-color);
   }
 
   .p-tabview .p-tabview-nav li {
@@ -7589,6 +7614,11 @@
     outline: 0 none;
   }
 
+  .p-panelmenu-header-content .menuHead:hover {
+    background-color: #F5F5F5;
+    border-radius: 6px;
+  }
+
   .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
     border: 1px solid #CED0D6;
     color: #6b7280;
@@ -8907,7 +8937,8 @@
 
 @layer primereact {
   .p-button-label {
-    font-weight: 700;
+     /* font-weight: 700; */
+     font-weight: 400;
   }
 
   .p-selectbutton>.p-button,
@@ -9009,7 +9040,16 @@
     background-image: url('/images/auth/solid-login-light.png');
   }
 
-  .auth-container.center {
+  /* .auth-container.center {
+    border-radius: 1.25rem;
+    border: 1px solid #E0E0E0;
+    background: rgba(255, 255, 255, 0.10);
+    box-shadow: 0px 4px 4px 0px rgba(49, 106, 215, 0.05);
+    backdrop-filter: blur(25px);
+    padding: 54px;
+  } */
+
+  .auth-container {
     border-radius: 1.25rem;
     border: 1px solid #E0E0E0;
     background: rgba(255, 255, 255, 0.10);
@@ -9024,8 +9064,21 @@
     color: var(--auth-title-color);
   }
 
+  .solid-auth-input-label.right {
+    color: #fff !important;
+  }
+
   .solid-auth-subtitle,
   .solid-auth-subtitle a {
     color: var(--auth-subtitle-color) !important;
   }
+
+  .solid-auth-subtitle.left,
+  .solid-auth-subtitle.left a {
+    color: #fff !important;
+  }
+
+  .solid-custom-title {
+    color: var(--solid-form-title);
+  }
 }

package/templates/next-template/redux/store.ts

@@ -19,7 +19,7 @@ import { popupReducer } from '@solidstarters/solid-core-ui';
 import { themeReducer } from '@solidstarters/solid-core-ui';
 import { userReducer } from "@solidstarters/solid-core-ui";
 import { solidSettingsApi } from "@solidstarters/solid-core-ui";
-
+import { roleApi } from "@solidstarters/solid-core-ui";
 export function initializeStore(entities: string[] = []) {
 
   const reducers = {
@@ -32,13 +32,14 @@ export function initializeStore(entities: string[] = []) {
     [fieldsApi.reducerPath]: fieldsApi.reducer,
     [mediaStorageProviderApi.reducerPath]: mediaStorageProviderApi.reducer,
     [mediaApi.reducerPath]: mediaApi.reducer,
-
     [solidViewsApi.reducerPath]: solidViewsApi.reducer,
     [solidActionsApi.reducerPath]: solidActionsApi.reducer,
     [solidMenusApi.reducerPath]: solidMenusApi.reducer,
     [solidSettingsApi.reducerPath]: solidSettingsApi.reducer,
+    [roleApi.reducerPath]: roleApi.reducer,
     // This has now become dynamica and is added using the for loop below
     // [solidCountryApi.reducerPath]: solidCountryApi.reducer,
+
     theme: themeReducer,
     popup: popupReducer,
     navbarState: navbarReducer,
@@ -56,7 +57,8 @@ export function initializeStore(entities: string[] = []) {
     solidViewsApi.middleware,
     solidActionsApi.middleware,
     solidMenusApi.middleware,
-    solidSettingsApi.middleware
+    solidSettingsApi.middleware,
+    roleApi.middleware,
     // This has now become dynamica and is added using the for loop below
     // solidCountryApi.middleware
   ];