forked from enviPath/enviPy
Tobias O
ddf1fd3515
This PR introduces an overhaul for the front page and login features while keeping the rest of the application intact. ## Major Changes - TailwindCSS + DaisyUI Integration: Add modern CSS framework for component-based utility styling - Build System: Added pnpm for CSS building; can be extended for updated frontend builds in the future - Navbar + Footer: Redesigned and includable; old version retained for unstyled elements - Optimized Assets: Added minified and CSS-stylable logos ## New Features - Static Pages: Added comprehensive mockups of static pages (legal, privacy policy, terms of use, contact, etc.). **Note:** These have to be fixed before a public release, as their content is largely unreviewed and incorrect. Probably best to do in a separate PR that only contains updates to these. - Discourse API: Implement minimal features based on RestAPI for controllable results. ## Current bugs - [x] The static pages include the default navbar and footer on the login page. This will likely not work, as users need to access it before logging in; no good workaround so far (problem with Django templating system). - [ ] The front page predict link is currently non-functional; the redesigned page is almost ready but better done in a separate PR as it also touches Django code. - [x] Visual bug with the news cards. Still intend to fix for this PR Co-authored-by: Tim Lorsbach <tim@lorsba.ch> Reviewed-on: enviPath/enviPy#179 Reviewed-by: jebus <lorsbach@envipath.com> Co-authored-by: Tobias O <tobias.olenyi@envipath.com> Co-committed-by: Tobias O <tobias.olenyi@envipath.com>
85 lines
2.7 KiB
CSS
85 lines
2.7 KiB
CSS
/**
|
|
* DaisyUI Themes - Generated by Style Dictionary
|
|
* Theme mappings defined in tokens/daisyui-themes.json
|
|
*/
|
|
|
|
/* Light theme (default) */
|
|
@plugin "daisyui/theme" {
|
|
name: "envipath";
|
|
default: true;
|
|
color-scheme: light;
|
|
|
|
--color-base-100: var(--color-neutral-50);
|
|
--color-base-200: var(--color-neutral-100);
|
|
--color-base-300: var(--color-neutral-200);
|
|
--color-base-content: var(--color-neutral-900);
|
|
--color-primary: var(--color-primary-500);
|
|
--color-primary-content: var(--color-primary-50);
|
|
--color-secondary: var(--color-secondary-500);
|
|
--color-secondary-content: var(--color-secondary-50);
|
|
--color-accent: var(--color-accent-500);
|
|
--color-accent-content: var(--color-accent-50);
|
|
--color-neutral: var(--color-neutral-950);
|
|
--color-neutral-content: var(--color-neutral-100);
|
|
--color-info: var(--color-info-500);
|
|
--color-info-content: var(--color-info-950);
|
|
--color-success: var(--color-success-500);
|
|
--color-success-content: var(--color-success-950);
|
|
--color-warning: var(--color-warning-500);
|
|
--color-warning-content: var(--color-warning-950);
|
|
--color-error: var(--color-error-500);
|
|
--color-error-content: var(--color-error-950);
|
|
|
|
/* border radius */
|
|
--radius-selector: 1rem;
|
|
--radius-field: 0.25rem;
|
|
--radius-box: 0.5rem;
|
|
|
|
/* base sizes */
|
|
--size-selector: 0.25rem;
|
|
--size-field: 0.25rem;
|
|
|
|
/* border size */
|
|
--border: 1px;
|
|
|
|
/* effects */
|
|
--depth: 1;
|
|
--noise: 0;
|
|
}
|
|
|
|
/* Dark theme (prefers-color-scheme: dark) */
|
|
@plugin "daisyui/theme" {
|
|
name: "envipath-dark";
|
|
prefersdark: true;
|
|
color-scheme: dark;
|
|
|
|
--color-primary: var(--color-primary-400);
|
|
--color-primary-content: var(--color-neutral-950);
|
|
--color-secondary: var(--color-secondary-400);
|
|
--color-secondary-content: var(--color-neutral-950);
|
|
--color-accent: var(--color-primary-500);
|
|
--color-accent-content: var(--color-neutral-950);
|
|
--color-neutral: var(--color-neutral-300);
|
|
--color-neutral-content: var(--color-neutral-900);
|
|
--color-base-100: var(--color-neutral-900);
|
|
--color-base-200: var(--color-neutral-800);
|
|
--color-base-300: var(--color-neutral-700);
|
|
--color-base-content: var(--color-neutral-50);
|
|
--color-info: var(--color-primary-400);
|
|
--color-info-content: var(--color-neutral-950);
|
|
--color-success: var(--color-success-400);
|
|
--color-success-content: var(--color-neutral-950);
|
|
--color-warning: var(--color-warning-400);
|
|
--color-warning-content: var(--color-neutral-950);
|
|
--color-error: var(--color-error-400);
|
|
--color-error-content: var(--color-neutral-950);
|
|
--radius-selector: 1rem;
|
|
--radius-field: 0.25rem;
|
|
--radius-box: 0.5rem;
|
|
--size-selector: 0.25rem;
|
|
--size-field: 0.25rem;
|
|
--border: 1px;
|
|
--depth: 1;
|
|
--noise: 0;
|
|
}
|