init

2025-04-17 18:28:54 +05:30
parent f583291d8a
commit 8825b0410a
2837 changed files with 241385 additions and 127578 deletions
--- a/worklenz-frontend/src/styles/colors.ts
+++ b/worklenz-frontend/src/styles/colors.ts
@@ -0,0 +1,23 @@
+// colors.ts
+export const colors = {
+  white: '#fff',
+  darkGray: '#1E1E1E',
+  lightGray: '#707070',
+  deepLightGray: '#d1d0d3',
+  lightBeige: '#fde8b5',
+  skyBlue: '#1890ff',
+  midBlue: '#b9cef1',
+  paleBlue: '#e6f7ff',
+  vibrantOrange: '#f56a00',
+  limeGreen: '#52c41a',
+  lightGreen: '#c2e4d0',
+  yellow: '#f8d914',
+  transparent: 'transparent',
+};
+
+export const applyCssVariables = () => {
+  const root = document.documentElement;
+  Object.entries(colors).forEach(([key, value]) => {
+    root.style.setProperty(`--color-${key}`, value);
+  });
+};
--- a/worklenz-frontend/src/styles/customOverrides.css
+++ b/worklenz-frontend/src/styles/customOverrides.css
@@ -0,0 +1,105 @@
+/* table overrides 
+    used in homepage, settings
+*/
+
+/* this is for globaly hide tables scrollbar  */
+:where(.css-dev-only-do-not-override-17sis5b).ant-table-wrapper .ant-table,
+:where(.css-dev-only-do-not-override-bj289r).ant-table-wrapper .ant-table {
+  scrollbar-color: unset !important;
+}
+
+.custom-two-colors-row-table table tr:nth-child(even) {
+  background: #4e4e4e10 !important;
+}
+
+.custom-two-colors-row-table table tr {
+  border-radius: 4px !important;
+}
+
+.custom-two-colors-row-table table tr td,
+.custom-two-colors-row-table table th {
+  border-bottom: none !important;
+  padding: 6px 12px !important;
+}
+
+.custom-two-colors-row-table table th,
+.custom-project-view-task-list-table table th {
+  padding-bottom: 12px !important;
+  border: none !important;
+  font-weight: 400 !important;
+}
+
+.custom-two-colors-row-table table th::before {
+  display: none;
+}
+
+.ant-table-fixed-left .ant-table-cell td {
+  background-color: #4e4e4e10 !important;
+}
+
+/* custom table used in  */
+
+/* custom dropdown 
+    used in navbar, project view filters
+*/
+.custom-dropdown .ant-dropdown-menu {
+  padding: 0 !important;
+  margin-top: 2px !important;
+}
+
+.custom-dropdown .ant-dropdown-menu-item {
+  padding: 0 !important;
+}
+
+/* custom list 
+    used in project view filters
+*/
+.custom-list-item:hover {
+  background-color: #f8f7f9 !important;
+  color: #181818;
+}
+
+.custom-list-item.dark:hover {
+  background-color: #424242 !important;
+  color: rgba(255, 255, 255, 0.85);
+}
+
+/* dropdown render card manual shadow 
+    used in project view filters
+*/
+.custom-card {
+  box-shadow:
+    0 3px 6px -4px #0000001f,
+    0 6px 16px #00000014,
+    0 9px 28px 8px #0000000d !important;
+}
+
+/* insights card hover  */
+.custom-insights-card:hover {
+  border: 1px solid #d3d3d3;
+}
+
+/* reporting sidebar  */
+.custom-reporting-sider .ant-menu-item-selected {
+  border-inline-end: 3px solid #1890ff !important;
+  border-radius: 0;
+}
+
+.custom-reporting-sider .ant-menu-item,
+.custom-reporting-sider .ant-menu-submenu-title {
+  margin-inline: 0 !important;
+  padding-inline: 16px !important;
+  width: 100%;
+}
+
+.custom-reporting-sider .ant-menu:nth-child(2) .ant-menu-item {
+  padding-inline-start: 32px !important;
+}
+
+.ql-snow .ql-picker {
+  color: #6c757d !important;
+}
+
+.ql-snow .ql-stroke {
+  stroke: #6c757d !important;
+}