[Bug] Styling inconsistencies in the frontend application

[Gauravpadam]

What happened?

There are some areas in the frontend where the font colors and theme styling are inconsistent. It would be nice to get them fixed 😄

Steps to reproduce

The attached screenshots are of submission pages

Screenshots

Additional context

It would be nice to identify as many such inconsistencies and fix them in one go

[xxo-swap]

Hi, I’d like to work on this issue. Could you assign it to me?

[Gauravpadam]

Sure @xxo-swap, go ahead! :)

[xxo-swap]

@Gauravpadam can I use use DaisyUI for consistent design ?

Please check out the below theme for frontend...

https://daisyui.com/theme-generator/#theme=eJx1ktFunDAQRX_FIorUSsHCYxvbeUui5j9YGLIoLF7ZoKSt-u81pmVN2OUBibln7tyx-Z0N1Qmzx6y3ddVnD1meu6rpJp977LEerQtaQUE6PKVq22HfROmrcrCf27rvfuEtt6hdvIBptWoH6xpcGuT5M5YaPI_HuRK_Btv5OToLX7Xtrct9fcRlm-7tOEZoEQ6Vx5wVRZDse18fvzF-TwpagCZQMloa-P6VhoQGFmkuAi1oWcodzVNaLTQnIEuqhd7RtR1GHMa1w5Sxo-DRX4pNmgGn0YW7-Q9ztYaRhirOr8D7CXqZAASEopqbtKkbWruSZTGTDEoCwKiCjb2f6hq9v8BihoEwHg5RixT9qNzQDW8XNO7IlCFSU842h4LOxV9jIaWJpsKEt9yazklv7cYMCXdGtbqW-FYTZ4RBQZVUV7LfagIgRlJQarfDvmO5LCYIF5wys1n77LpT5X4G-A7Cw5_T3Bismn-qeBEvpUzUKiwVp9ypV_X6Q-5NkyR7ZjVPqWdtnozYDUmRNWWDbTX1odZWvceH7OywReeD5Xv2OLoJ__wFSqM9Tg

`@plugin "daisyui/theme" {
name: "aquawolf";
default: false;
prefersdark: true;
color-scheme: "dark";

/* Base */
--color-base-100: #0e1220;
--color-base-100: oklch(13% 0.028 261.7);

--color-base-200: #161b2e;
--color-base-200: oklch(21% 0.034 264.7);

--color-base-300: #1e2440;
--color-base-300: oklch(27% 0.033 256.8);

--color-base-content: #e6e9f2;
--color-base-content: oklch(96% 0.003 264.5);

/* Brand */
--color-primary: #22223b;
--color-primary: oklch(29% 0.05 275);

--color-primary-content: #7f7fe5;
--color-primary-content: oklch(65% 0.12 275);

--color-secondary: #4c4c65;
--color-secondary: oklch(42% 0.04 275);

--color-secondary-content: #b89a94;
--color-secondary-content: oklch(72% 0.05 35);

/* Accent */
--color-accent: #7f7fe5;
--color-accent: oklch(65% 0.12 275);

--color-accent-content: #22223b;
--color-accent-content: oklch(29% 0.05 275);

/* Semantic */
--color-info: #4aa3df;
--color-info: oklch(60% 0.13 222);

--color-success: #3bb273;
--color-success: oklch(64% 0.20 132);

--color-warning: #f0b429;
--color-warning: oklch(66% 0.18 58);

--color-error: #e5484d;
--color-error: oklch(59% 0.25 0.6);

/* Neutrals */
--color-neutral: #3a3f55;
--color-neutral: oklch(37% 0.034 260);

--color-neutral-content: #f8fafc;
--color-neutral-content: oklch(98% 0.002 248);

/* Shape */
--radius-selector: 0.25rem;
--radius-field: 0.5rem;
--radius-box: 0.5rem;

/* Density */
--border: 0.5px;
--depth: 0;
--noise: 1;
}
`

[Gauravpadam]

The theme looks good! I noticed the color codes of the proposed theme are different than the original, just wanted to make sure that's intentional?

[xxo-swap]

Yes!! it is intentional, you can pic the colors of your coice, we can always change the color as long as we use the DaisyUI components.

I have added some dummy data to see the frontend, it is totaly reversible, it wont's affect an of the esixting api call logic,
look at the attached screenshots of home component.

I don't have resorces to run the backend.

I will share the a link to for you to see the Updated UI soon.