ui-soxo-bootstrap-core 2.4.24

package/core/lib/pages/profile/profile.scss

@@ -0,0 +1,107 @@
+.profile {
+  margin: 20px;
+  margin-top: 65px;
+
+  .profile-headline {
+    display: flex;
+    justify-content: flex-start;
+    // justify-content: space-between;
+    align-items: flex-start;
+
+    .ant-typography {
+      margin: 0px 20px;
+    }
+
+    .profile-picture {
+      width: 100px;
+    }
+
+    .avatar-selector {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      color: #3a9bff;
+
+      label {
+        margin: 4px 0px;
+      }
+    }
+  }
+
+  .profile-content {
+  }
+}
+
+.theme-section {
+  margin: 20px;
+
+  .theme-container {
+    display: flex;
+    gap: 20px;
+  }
+
+  .radio-button-wrapper {
+    position: relative;
+  }
+
+  .radio-button {
+    display: block;
+    padding: 0;
+    border: none;
+    background-color: transparent;
+  }
+
+  .theme-card {
+    text-align: center;
+    transition: all 0.3s ease;
+  }
+
+  .theme-card.selected {
+    border-color: #1890ff;
+    box-shadow: 0 0 10px rgba(24, 144, 255, 0.4);
+  }
+
+  .theme-card img {
+    width: 100%;
+    height: auto;
+  }
+
+  .ant-card-body {
+    height: 60px;
+    display: flex;
+  }
+
+  .theme-name {
+    padding: 10px;
+    font-size: 16px;
+  }
+
+  .caption-name {
+    display: flex;
+    align-items: center;
+  }
+
+  .custom-radio {
+    margin-left: 55px;
+  }
+
+  .radio-circle {
+    width: 14px;
+    height: 14px;
+    background-color: transparent;
+    color: white;
+    border-radius: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 2px solid #c7d1d8;
+  }
+
+  .radio-circle.checked {
+    background-color: #0c66e4;
+    color: #161a1d;
+    border-style: hidden;
+    padding: 10px;
+    font-size: 10px;
+  }
+}

package/core/lib/pages/profile/theme-config.js

@@ -0,0 +1,18 @@
+import themes from './themes.json';
+
+export const THEME_GROUPS = {
+  nura: ['nura', 'default'],
+  purple: ['purple'],
+  default: ['default'],
+};
+
+const currentEnvTheme = process.env.REACT_APP_THEME?.toLowerCase() || 'default';
+
+// List of theme names to show
+const visibleThemeNames = THEME_GROUPS[currentEnvTheme] || THEME_GROUPS['default'];
+
+// Filter full theme list to only the allowed ones
+export const availableThemes = themes.filter((t) => visibleThemeNames.includes(t.name));
+
+// Pick the active theme (prefer env one, fallback to first allowed)
+export const activeTheme = themes.find((t) => t.name === currentEnvTheme) ?? availableThemes[0];

package/core/lib/pages/profile/themes-backup.json

@@ -0,0 +1,311 @@
+
+[
+    {
+      "caption": "Nura theme",
+      "name": "nura",
+      "colors": {
+        "loginPageBackground": "linear-gradient(#D5F1FB, #24AEB8)",
+        "bodyBackground": "#F0F6FF",
+        "progressBar": "#F0F6FF", 
+        "primaryButtonBg": "#446AA9",
+        "primaryButtonHoverBg": "#2E4873",
+        "primaryButtonText": "#FFFFFF",
+        "primaryButtonActiveBg": "#446AA9",
+        "primaryButtonDisabledBg": "#C4C6CC",
+        "primaryButtonDisabledText": "#6B7280",
+        
+  
+        "defaultButtonBg": "#FFFFFF",
+        "defaultButtonHoverBg": "#D1E3FF",
+        "defaultButtonText": "#4A4E5A",
+        "defaultButtonActiveBg": "#B8C7FF",
+        "defaultButtonDisabledBg": "#A9BCC6",
+        "defaultButtonDisabledText": "#D1D8E3",
+        
+  
+        "dashedButtonBg": "#FFFFFF",
+        "dashedButtonHoverBg": "#D1E3FF",
+        "dashedButtonText": "#446AA9",
+        "dashedButtonActiveBg": "#B8C7FF",
+        "dashedButtonDisabledBg": "#F0F6FF",
+        "dashedButtonDisabledText": "#A9BCC6",
+        
+  
+        "linkButtonBg": "transparent",
+        "linkButtonHoverBg": "#F5F5F5",
+        "linkButtonText": "#446AA9",
+        "linkButtonActiveBg": "#D1E3FF",
+        "linkButtonDisabledText": "#A9BCC6",
+  
+        "tableBg":"FFFF",
+       "tableText ":"fffff",
+        "tableHeaderBg": "#FFFF",
+        "tableHeaderText": "#19374E",
+        "tableRowEven": "#FFFFFF",
+        "tableRowOdd":  "#F0F0F0",
+  
+        
+          "tagOrange": "volcano",
+          "tagSuccess": "green",
+          "tagMagenta": "#F5A9D1",
+          "tagBlue": "#A9D1F5",
+          "tagGreen": "lime",
+        
+          "borderOrange": "#D46B08", 
+          "borderSuccess": "#389E0D",
+          "borderMagenta": "#D970A5",
+          "borderBlue": "#69A3DD",
+          "borderGreen": "#237804",
+        
+          "textOrange": "#AD4E00", 
+          "textSuccess": "#237804",
+          "textMagenta": "#9B287B",
+          "textBlue": "#0050B3",
+          "textGreen": "#135200",
+        
+        
+        
+  
+        "leftSectionBackground": "#00000",
+        "borderColor": "#446AA9",
+        "tableHeaderBgColor": "#F5F3F3",
+  
+        "colorText": "#000",
+        "colorTableBg": "white",
+        "tableBorderStyle": "hidden",
+        
+        "colorBgContainer":"#FFFFFF",
+      
+        "borderRadius":"4px",
+       
+  
+        "headerBg": "#00000", 
+        "headerColor": "#ffffff", 
+        "rowHoverBg": "#e6f7ff", 
+       
+        "cellPaddingBlock": 12
+      },
+      "image": "nuraTheme"
+    },
+    {
+      "caption": "Default theme",
+      "name": "default",
+      "colors": {
+        "loginPageBackground": "linear-gradient(#D5F1FB, #24AEB8)",
+        "bodyBackground": "#FFFFFF",
+        "progressBar": "#1677FF",
+        
+        "primaryButtonBg": "#1677FF",
+        "primaryButtonHoverBg": "#4096FF",
+        "primaryButtonText": "#FFFFFF",
+        "primaryButtonActiveBg": "#0958D9",
+        "primaryButtonDisabledBg": "#D9D9D9",
+        "primaryButtonDisabledText": "#8C8C8C",
+    
+        "defaultButtonBg": "#FFFFFF",
+        "defaultButtonHoverBg": "#F5F5F5",
+        "defaultButtonText": "#595959",
+        "defaultButtonActiveBg": "#D9D9D9",
+        "defaultButtonDisabledBg": "#F5F5F5",
+        "defaultButtonDisabledText": "#BFBFBF",
+    
+        "dashedButtonBg": "#FFFFFF",
+        "dashedButtonHoverBg": "#F5F5F5",
+        "dashedButtonText": "#595959",
+        "dashedButtonActiveBg": "#D9D9D9",
+        "dashedButtonDisabledBg": "#F5F5F5",
+        "dashedButtonDisabledText": "#BFBFBF",
+    
+        "linkButtonBg": "transparent",
+        "linkButtonHoverBg": "#E6F4FF",
+        "linkButtonText": "#1677FF",
+        "linkButtonActiveBg": "#BAE0FF",
+        "linkButtonDisabledText": "#BFBFBF",
+    
+        "tableBg": "#FFFFFF",
+        "tableText": "#262626",
+        "tableHeaderBg": "#FAFAFA",
+        "tableHeaderText": "#595959",
+        "tableRowEven": "#FFFFFF",
+        "tableRowOdd": "#FAFAFA",
+    
+        "tagOrange": "#FA8C16",
+        "tagSuccess": "#52C41A",
+        "tagMagenta": "#EB2F96",
+        "tagBlue": "#1890FF",
+        "tagGreen": "#52C41A",
+    
+        "leftSectionBackground": "#FFFFFF",
+        "borderColor": "#D9D9D9",
+        "tableHeaderBgColor": "#FAFAFA",
+    
+        "colorText": "#000000",
+        "colorTableBg": "#FFFFFF",
+        "tableBorderStyle": "1px solid #D9D9D9",
+    
+        "colorBgContainer": "#FFFFFF",
+        "borderRadius": "6px",
+    
+        "headerBg": "#FAFAFA",
+        "headerColor": "#FAFAFA",
+        "rowHoverBg": "#E6F7FF",
+    
+        "cellPaddingBlock": 12
+      },
+      "image": "defaultTheme"
+    },
+    
+    
+  
+    {
+      "caption": "Light theme",
+      "name": "light",
+      "colors": {
+        "bodyBackground": "#FFFFFF",
+        "progressBar":"#FFFFFF",
+        "leftSectionBackground": "#FFFEFC",
+        "headerBg": "#FFFEFC", 
+        "headerColor": "#ffffff", 
+  
+        "tableBg":"FFFF",
+       "tableText ":"fffff",
+        "tableHeaderBg": "#f5f5f5",
+        "tableHeaderText": "#333",
+        "tableRowEven": "#ffffff",
+        "tableRowOdd": "#f9f9f9",
+       
+        "tagPending": "#FA8C16",
+        "tagCompleted": "#52C41A",
+        "tagFemale": "#F5A9D1",
+        "tagMale": "#A9D1F5",
+        "tagOpno": "#29502B",
+        
+        
+        "colorBgContainer": "#FFFEFC",
+        "borderRadius": "6px",
+  
+        "colorPrimaryText": "#000000",
+        "colorText": "#000",
+        "colorTableBg": "#FBFBFB",
+  
+        "tableHeaderBgColor": "#F5F3F3",
+        "tableBorderStyle": "hidden",
+        "tableBorderColor": "#DCDFE4",
+        "primaryButtonBg": "#000000",
+        "primaryButtonHoverBg": "#282828",
+        "primaryButtonText": "#FFFFFF",
+        "borderColor": "#DCDFE4",
+        "inputBorderColor": "#091E4224",
+        "inputBgColor": "#FFFFFF",
+        "inputColor": "#000000"
+      },
+      "image": "lightTheme"
+    },
+  
+    {
+      "caption": "Dark theme",
+      "name": "dark",
+      "colors": {
+        "bodyBackground": "#090808",
+        "progressBar":  "#090808",
+        "leftSectionBackground": "#0D0D0D",
+        "headerBg":"#0D0D0D", 
+        "headerColor": "#ffffff", 
+  
+       "tableBg":"FFFF",
+       "tableText ":"fffff",
+        "tableHeaderBg": "#333",
+        "tableHeaderText": "#fff",
+        "tableRowEven": "#444",
+        "tableRowOdd": "#222",
+  
+        "tagPending": "#FF7F32",
+        "tagCompleted": "#73D13D",
+        "tagFemale": "#F8B8D2",
+        "tagMale": "#A6C8F7",
+        "tagOpno": "#3D7A42",
+  
+        "colorBgContainer": "#444", 
+        "borderRadius": "8px",
+  
+        "colorPrimaryText": "#C7D1D8",
+        "colorText": "#C7D1D8",
+        "colorTableBg": "#0D0D0D",
+        "tableHeaderBgColor": "#212222",
+        "tableBorderStyle": "hidden",
+        "tableBorderColor": "#282828",
+        "primaryButtonBg": "#E7E7E7",
+        "primaryButtonText": "#141414",
+        "primaryButtonHoverBg": "#ABABAB",
+        "linkTextColor": "#579DFF",
+        "borderStyle": "1px solid #A6C5E229",
+        "borderColor": "#091E4224",
+        "inputBorderColor": "#091E4224",
+        "inputBgColor": "#292929",
+        "inputColor": "#FFFFFF"
+      },
+      "image": "darkTheme"
+    },
+  
+    {
+      "caption": "Blue Slate",
+      "name": "blueslate",
+      "colors": {
+       "bodyBackground": "#F5F5F5",
+       "progressBar": "#F5F5F5",
+        "leftSectionBackground": "#2A3441",
+        "headerBg":"#2A3441",
+        "headerColor": "#ffffff", 
+       
+        "colorPrimaryText": "#C7D1D8",
+        "colorText": "#000",
+        "colorTableBg": "#FFF",
+        "tableBorderStyle": "hidden",
+        "primaryButtonBg": "#579DFF"
+      },
+      "image": "blackSlateTheme"
+    },
+  
+    {
+      "caption": "White Haze",
+      "name": "whitehaze",
+      "colors": {
+        "bodyBackground": "#F5F5F5",
+        "progressBar": "#F5F5F5",
+        "leftSectionBackground": "#FFFFFF",
+        "headerBg":"#FFFFFF", 
+        "headerColor": "#ffffff", 
+      
+  
+  
+        "colorPrimaryText": "#101214",
+        "colorText": "#000",
+        "colorTableBg": "#FFF",
+        "tableBorderStyle": "hidden",
+        "primaryButtonBg": "#579DFF"
+      },
+      "image": "whiteHazeTheme"
+    },
+  
+    {
+      "caption": "Deep Purple",
+      "name": "deeppurple",
+      "colors": {
+       "bodyBackground": "#F5F5F5",
+       "progressBar": "#F5F5F5",
+        "leftSectionBackground": "#452842",
+        "leftSectionColor":"#FFFF",
+        "headerBg":"#452842", 
+        "headerColor": "#ffffff", 
+       
+  
+        "colorPrimaryText": "#FFFFFF",
+        "colorText": "#000",
+        "colorTableBg": "#FFF",
+        "tableBorderStyle": "hidden",
+        "primaryButtonBg": "#579DFF"
+      },
+      "image": "deepPurpleTheme"
+    }
+  ]
+  

package/core/lib/pages/profile/themes.json

@@ -0,0 +1,254 @@
+[
+ 
+  {
+    "caption": "Default theme",
+    "name": "default",
+    "colors": {
+      "loginPageBackground": "linear-gradient(#D5F1FB, #24AEB8)",
+      "bodyBackground": "#f5f5f5",
+      "progressBar": "#1677FF",
+
+      "primaryButtonBg": "#1677FF",
+      "primaryButtonHoverBg": "#4096ff",
+      "primaryButtonText": "#FFFFFF",
+      "primaryButtonActiveBg": "#0958D9",
+      "primaryButtonDisabledBg": "#D9D9D9",
+      "primaryButtonDisabledText": "#8C8C8C",
+
+      "defaultButtonBg": "#FFFFFF",
+      "defaultButtonHoverBg": "#F5F5F5",
+      "defaultButtonText": "#595959",
+      "defaultButtonActiveBg": "#D9D9D9",
+      "defaultButtonDisabledBg": "#F5F5F5",
+      "defaultButtonDisabledText": "#BFBFBF",
+
+      "dashedButtonBg": "#FFFFFF",
+      "dashedButtonHoverBg": "#F5F5F5",
+      "dashedButtonText": "#595959",
+      "dashedButtonActiveBg": "#D9D9D9",
+      "dashedButtonDisabledBg": "#F5F5F5",
+      "dashedButtonDisabledText": "#BFBFBF",
+
+      "linkButtonBg": "transparent",
+      "linkButtonHoverBg": "#E6F4FF",
+      "linkButtonText": "#1677FF",
+      "linkButtonActiveBg": "#BAE0FF",
+      "linkButtonDisabledText": "#BFBFBF",
+
+      "tableBg": "#FFFFFF",
+      "tableText": "#262626",
+      "tableHeaderBg": "#FAFAFA",
+      "tableHeaderText": "#595959",
+      "tableRowEven": "#FFFFFF",
+       "tableRowOdd": "#FBFBFB",
+  
+      "tagOrange": "#FFE7D9",
+        "tagSuccess":"#f6ffed",
+      "tagMagenta": "#FFE1EE",
+      "tagBlue": "#D1DEF3",
+      "tagGreen": "#EDF7ED",
+    
+      "borderOrange": "#AD4E00", 
+      "borderSuccess": "#237804",
+      "borderMagenta": "#69324A",
+      "borderBlue": "#33496C",
+      "borderGreen": "#29502B",
+    
+      "textOrange": "#AD4E00", 
+      "textSuccess": "#237804",
+      "textMagenta": "#69324A",
+      "textBlue": "#33496C",
+      "textGreen": "#29502B",
+    
+    
+  
+      "leftSectionBackground": "#FFFFFF",
+      "borderColor": "#24aeb8",
+      "tableHeaderBgColor": "#FAFAFA",
+
+      "colorText": "#000000",
+      "colorTableBg": "#FFFFFF",
+      "tableBorderStyle": "1px solid #D9D9D9",
+
+      "colorBgContainer": "#FFFFFF",
+      "borderRadius": "6px",
+
+       "headerBg": "#00000",
+      "headerColor": "#000000",
+      "rowHoverBg": "#E6F7FF",
+
+      "cellPaddingBlock": 12
+    },
+    "image": "defaultTheme"
+  },
+  {
+    "caption": "Nura theme",
+    "name": "nura",
+    "colors": {
+      "loginPageBackground": "linear-gradient(#D5F1FB, #24AEB8)",
+      "bodyBackground": "#F0F6FF",
+      "progressBar": "#24AEB8",
+      "primaryButtonBg": "#446AA9",
+      "primaryButtonHoverBg": "#2E4873",
+      "primaryButtonText": "#FFFFFF",
+      "primaryButtonActiveBg": "#446AA9",
+      "primaryButtonDisabledBg": "#C4C6CC",
+      "primaryButtonDisabledText": "#6B7280",
+
+      "defaultButtonBg": "#FFFFFF",
+      "defaultButtonHoverBg": "#D1E3FF",
+      "defaultButtonText": "#4A4E5A",
+      "defaultButtonActiveBg": "#B8C7FF",
+      "defaultButtonDisabledBg": "#A9BCC6",
+      "defaultButtonDisabledText": "#D1D8E3",
+
+      "dashedButtonBg": "#FFFFFF",
+      "dashedButtonHoverBg": "#D1E3FF",
+      "dashedButtonText": "#446AA9",
+      "dashedButtonActiveBg": "#B8C7FF",
+      "dashedButtonDisabledBg": "#F0F6FF",
+      "dashedButtonDisabledText": "#A9BCC6",
+
+      "linkButtonBg": "transparent",
+      "linkButtonHoverBg": "#F5F5F5",
+      "linkButtonText": "#446AA9",
+      "linkButtonActiveBg": "#D1E3FF",
+      "linkButtonDisabledText": "#A9BCC6",
+
+      "tableBg":"FFFF",
+     "tableText ":"#19374E",
+      "tableHeaderBg": "#FFFF",
+      "tableHeaderText": "#19374E",
+      "tableRowEven": "#FFFFFF",
+      "tableRowOdd": "#FBFBFB",
+
+      
+        "tagOrange": "#FFE7D9",
+        "tagSuccess":"#f6ffed",
+        "tagMagenta": "#FFE1EE",
+        "tagBlue": "#D1DEF3",
+        "tagGreen": "#EDF7ED",
+      
+        "borderOrange": "#AD4E00", 
+        "borderSuccess": "#237804",
+        "borderMagenta": "#69324A",
+        "borderBlue": "#33496C",
+        "borderGreen": "#29502B",
+      
+        "textOrange": "#AD4E00", 
+        "textSuccess": "#237804",
+        "textMagenta": "#69324A",
+        "textBlue": "#33496C",
+        "textGreen": "#29502B",
+
+       
+        
+      
+      
+      
+
+      "leftSectionBackground": "#00000",
+      "borderColor": "#24aeb8",
+      "tableHeaderBgColor": "#F5F3F3",
+
+      "colorText": "#000",
+      "colorTableBg": "white",
+      "tableBorderStyle": "hidden",
+
+      "colorBgContainer": "#FFFFFF",
+
+      "borderRadius": "4px",
+
+      "headerBg": "#00000",
+      "headerColor": "#000000",
+      "rowHoverBg": "#e6f7ff",
+
+      "cellPaddingBlock": 12
+    },
+    "image": "nuraTheme"
+  },
+  {
+    "caption": "Matria Theme",
+    "name": "purple",
+    "colors": {
+      "loginPageBackground":  "linear-gradient(#F9E5F5,#5E2050)",
+      "bodyBackground": "#FAFAFA",
+      "progressBar": "#F9E5F5",
+
+      "primaryButtonBg": "#5E2050",
+      "primaryButtonHoverBg": "#4096ff",
+      "primaryButtonText": "#FFFFFF",
+      "primaryButtonActiveBg": "#F9E5F5",
+      "primaryButtonDisabledBg": "#D9D9D9",
+      "primaryButtonDisabledText": "#8C8C8C",
+
+      "defaultButtonBg": "#FFFFFF",
+      "defaultButtonHoverBg": "#F5F5F5",
+      "defaultButtonText": "#595959",
+      "defaultButtonActiveBg": "#D9D9D9",
+      "defaultButtonDisabledBg": "#F5F5F5",
+      "defaultButtonDisabledText": "#BFBFBF",
+
+      "dashedButtonBg": "#5E2050",
+      "dashedButtonHoverBg": "#F5F5F5",
+      "dashedButtonText": "#595959",
+      "dashedButtonActiveBg": "#D9D9D9",
+      "dashedButtonDisabledBg": "#F5F5F5",
+      "dashedButtonDisabledText": "#BFBFBF",
+
+      "linkButtonBg": "transparent",
+      "linkButtonHoverBg": "#E6F4FF",
+      "linkButtonText": "#1677FF",
+      "linkButtonActiveBg": "#F9E5F5",
+      "linkButtonDisabledText": "#BFBFBF",
+
+      "tableBg": "#FFFFFF",
+      "tableText": "#262626",
+      "tableHeaderBg": "#FAFAFA",
+      "tableHeaderText": "#595959",
+      "tableRowEven": "#FFFFFF",
+       "tableRowOdd": "#FBFBFB",
+  
+      "tagOrange": "#FFE7D9",
+        "tagSuccess":"#f6ffed",
+      "tagMagenta": "#FFE1EE",
+      "tagBlue": "#D1DEF3",
+      "tagGreen": "#EDF7ED",
+    
+      "borderOrange": "#AD4E00", 
+      "borderSuccess": "#237804",
+      "borderMagenta": "#69324A",
+      "borderBlue": "#33496C",
+      "borderGreen": "#29502B",
+    
+      "textOrange": "#AD4E00", 
+      "textSuccess": "#237804",
+      "textMagenta": "#69324A",
+      "textBlue": "#33496C",
+      "textGreen": "#29502B",
+    
+    
+  
+      "leftSectionBackground": "#5E2050",
+      "leftSectionColor":"#F9E5F5",
+      "selectedItemBackground":"#F9E5F5",
+      "selectedItemText":"#000000",
+      "borderColor": "#F9E5F5",
+      "tableHeaderBgColor": "#FAFAFA",
+
+      "colorText": "#000000",
+      "colorTableBg": "#FFFFFF",
+      "tableBorderStyle": "1px solid #D9D9D9",
+
+      "colorBgContainer": "#FFFFFF",
+      "borderRadius": "6px",
+
+       "headerBg": "#00000",
+      "headerColor": "#000000",
+      "rowHoverBg": "#E6F7FF",
+
+      "cellPaddingBlock": 12
+    },
+    "image": "deepPurpleTheme"
+  }
+]