@solidstarters/solid-core-ui 1.1.90 → 1.1.92

package/src/components/common/solidModuleHome.module.css

@@ -0,0 +1,96 @@
+.solidModuleWelcomeSection {
+    background-color: var(--solid-dashboard-welcome-bg);
+    padding: 24px;
+    border-radius: 0.5rem;
+}
+
+.solidModuleHomeTitle1 {
+    font-size: 1.5rem;
+    font-style: normal;
+    font-weight: 700;
+    color: var(--solid-dark-title);
+    margin: 0;
+}
+
+.solidModuleHomeColorCards {
+    border-radius: 0.5rem;
+    padding: 24px;
+    display: flex;
+    align-items: end;
+    justify-content: space-between;
+    height: 100%;
+}
+
+.dashboardCardOne {
+    border: 1px solid var(--solid-dashboard-card-one-border);
+    background: var(--solid-dashboard-card-one-bg);
+}
+
+.dashboardCardOne .solidModuleHomeCardSvgWrapper {
+    background-color: var(--solid-admin-card-color-1);
+}
+
+.dashboardCardTwo {
+    border: 1px solid var(--solid-dashboard-card-two-border);
+    background: var(--solid-dashboard-card-two-bg);
+}
+
+.dashboardCardTwo .solidModuleHomeCardSvgWrapper {
+    background-color: var(--solid-admin-card-color-2);
+}
+
+.dashboardCardThree {
+    border: 1px solid var(--solid-dashboard-card-three-border);
+    background: var(--solid-dashboard-card-three-bg);
+}
+
+.dashboardCardThree .solidModuleHomeCardSvgWrapper {
+    background-color: var(--solid-admin-card-color-3);
+}
+
+.solidModuleHomeCardSvgWrapper,
+.solidModuleHomeActionCardSvgWrapper {
+    display: flex;
+    width: 3rem;
+    height: 3rem;
+    padding: 0.5rem;
+    justify-content: center;
+    align-items: center;
+    flex-shrink: 0;
+    aspect-ratio: 1/1;
+    border-radius: 50%;
+}
+
+.solidModuleHomeActionCard {
+    border-radius: 0.5rem;
+    padding: 24px;
+    height: 100%;
+    border: 1px solid var(--primary-light-color);
+    transition: 0.2s linear;
+    cursor: pointer;
+    background-color: var(--surface-0);
+}
+
+.solidModuleHomeActionCard:hover {
+    background: var(--hightlight-bg-secondary);
+    box-shadow: 0px 4px 8px 1px rgba(167, 167, 167, 0.16);
+}
+
+.solidModuleHomeActionCardSvgWrapper {
+    background-color: var(--gray-100);
+    transition: 0.2s linear;
+}
+
+.solidModuleHomeActionCardSvgWrapper svg path {
+    fill: var(--primary-color);
+    background-color: var(--primary-color);
+    transition: 0.2s linear;
+}
+
+.solidModuleHomeActionCard:hover .solidModuleHomeActionCardSvgWrapper {
+    background-color: var(--primary-color);
+}
+
+.solidModuleHomeActionCard:hover .solidModuleHomeActionCardSvgWrapper svg path {
+    fill: var(--surface-a);
+}

package/src/resources/themes/solid-dark-purple/theme.css

@@ -56,6 +56,17 @@
   --solid-chatter-date-border: rgba(216, 226, 234, 0.08);
   --solid-chatter-input-bg: #161616;
   --solid-chatter-input-placeholder: #949494;
+  --solid-dashboard-welcome-bg: #260955;
+  --solid-dashboard-card-one-border: rgba(79, 153, 251, 0.20);
+  --solid-dashboard-card-two-border: rgba(79, 153, 251, 0.20);
+  --solid-dashboard-card-three-border: rgba(79, 153, 251, 0.20);
+  --solid-dashboard-card-one-bg: linear-gradient(111deg, rgba(226, 241, 247, 0.60) 0%, rgba(208, 235, 254, 0.60) 50%, rgba(192, 226, 250, 0.60) 100%);
+  --solid-dashboard-card-two-bg: linear-gradient(291deg, rgba(241, 226, 255, 0.60) 0%, rgba(238, 215, 255, 0.60) 46.5%, rgba(231, 200, 255, 0.60) 100%);
+  --solid-dashboard-card-three-bg: linear-gradient(111deg, rgba(254, 248, 226, 0.60) 0%, rgba(255, 243, 209, 0.60) 50%, rgba(254, 238, 186, 0.60) 100%);
+  --solid-module-home-add-button-bg: rgba(255, 255, 255, 0.40);
+  --solid-admin-card-color-1: #4F99FB;
+  --solid-admin-card-color-2: #A968EE;
+  --solid-admin-card-color-3: #FFCA61;
   color-scheme: dark;
 }
 

package/src/resources/themes/solid-light-purple/theme.css

@@ -67,6 +67,17 @@
   --solid-chatter-input-bg: #FEFCFF;
   --solid-chatter-input-placeholder: rgba(51, 51, 51, 0.20);
   --solid-kanban-wrapper: #E0E0E0;
+  --solid-dashboard-welcome-bg: #FAF6FF;
+  --solid-dashboard-card-one-border: rgba(79, 153, 251, 0.20);
+  --solid-dashboard-card-two-border: rgba(79, 153, 251, 0.20);
+  --solid-dashboard-card-three-border: rgba(79, 153, 251, 0.20);
+  --solid-dashboard-card-one-bg: linear-gradient(111deg, rgba(226, 241, 247, 0.60) 0%, rgba(208, 235, 254, 0.60) 50%, rgba(192, 226, 250, 0.60) 100%);
+  --solid-dashboard-card-two-bg: linear-gradient(291deg, rgba(241, 226, 255, 0.60) 0%, rgba(238, 215, 255, 0.60) 46.5%, rgba(231, 200, 255, 0.60) 100%);
+  --solid-dashboard-card-three-bg: linear-gradient(111deg, rgba(254, 248, 226, 0.60) 0%, rgba(255, 243, 209, 0.60) 50%, rgba(254, 238, 186, 0.60) 100%);
+  --solid-module-home-add-button-bg: rgba(255, 255, 255, 0.40);
+  --solid-admin-card-color-1: #4F99FB;
+  --solid-admin-card-color-2: #A968EE;
+  --solid-admin-card-color-3: #FFCA61;
   color-scheme: light;
 }