Skip to content

Commit

Permalink
misc impls
Browse files Browse the repository at this point in the history
  • Loading branch information
@NyaomiDEV
NyaomiDEV committed Aug 6, 2024
1 parent 8fa5b28 commit 281c588
Show file tree
Hide file tree
Showing 27 changed files with 846 additions and 610 deletions.
3 changes: 1 addition & 2 deletions src/lib/config/index.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -11,8 +11,7 @@ const defaultAppConfig: AppConfig = {
twelveHourClock: false,
},
view: "members",
filterQueryMembers: "",
filterQueryJournal: ""
defaultFilterQueries: {}
};

const defaultAccessibilityConfig: AccessibilityConfig = {
Expand Down
11 changes: 8 additions & 3 deletions src/lib/config/types.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,11 +5,16 @@ export type AppConfig = {
twelveHourClock: boolean
},
view: ViewName,
filterQueryMembers: string,
filterQueryJournal: string
defaultFilterQueries: {
members?: string,
tags?: string,
frontingHistory?: string,
messageBoard?: string,
journal?: string
}
}

type ViewName = "members" | "journal" | "dashboard" | "chat";
type ViewName = "members" | "journal" | "dashboard" | "chats";

export type AccessibilityConfig = {
highLegibility: boolean,
Expand Down
7 changes: 5 additions & 2 deletions src/lib/mode.ts
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import { accessibilityConfig } from "./config";
import { ref } from "vue";
import { accessibilityConfig, appConfig, securityConfig } from "./config";

export function getIonicMode(): "ios" | "md" {
if (typeof (window as any) !== "undefined") {
Expand Down Expand Up @@ -47,4 +48,6 @@ export function updateAccessibility() {
else
document.documentElement.style.removeProperty("font-size");

}
}

export const isAppLocked = ref(securityConfig.usePin);
114 changes: 114 additions & 0 deletions src/lib/theme/color.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,114 @@
.md3 * {
--md3-primary-palette-key-color: var(--md3-light-primary-palette-key-color);
--md3-secondary-palette-key-color: var(--md3-light-secondary-palette-key-color);
--md3-tertiary-palette-key-color: var(--md3-light-tertiary-palette-key-color);
--md3-neutral-palette-key-color: var(--md3-light-neutral-palette-key-color);
--md3-neutral-variant-palette-key-color: var(--md3-light-neutral-variant-palette-key-color);
--md3-background: var(--md3-light-background);
--md3-on-background: var(--md3-light-on-background);
--md3-surface: var(--md3-light-surface);
--md3-surface-dim: var(--md3-light-surface-dim);
--md3-surface-bright: var(--md3-light-surface-bright);
--md3-surface-container-lowest: var(--md3-light-surface-container-lowest);
--md3-surface-container-low: var(--md3-light-surface-container-low);
--md3-surface-container: var(--md3-light-surface-container);
--md3-surface-container-high: var(--md3-light-surface-container-high);
--md3-surface-container-highest: var(--md3-light-surface-container-highest);
--md3-on-surface: var(--md3-light-on-surface);
--md3-surface-variant: var(--md3-light-surface-variant);
--md3-on-surface-variant: var(--md3-light-on-surface-variant);
--md3-inverse-surface: var(--md3-light-inverse-surface);
--md3-inverse-on-surface: var(--md3-light-inverse-on-surface);
--md3-outline: var(--md3-light-outline);
--md3-outline-variant: var(--md3-light-outline-variant);
--md3-shadow: var(--md3-light-shadow);
--md3-scrim: var(--md3-light-scrim);
--md3-surface-tint: var(--md3-light-surface-tint);
--md3-primary: var(--md3-light-primary);
--md3-on-primary: var(--md3-light-on-primary);
--md3-primary-container: var(--md3-light-primary-container);
--md3-on-primary-container: var(--md3-light-on-primary-container);
--md3-inverse-primary: var(--md3-light-inverse-primary);
--md3-secondary: var(--md3-light-secondary);
--md3-on-secondary: var(--md3-light-on-secondary);
--md3-secondary-container: var(--md3-light-secondary-container);
--md3-on-secondary-container: var(--md3-light-on-secondary-container);
--md3-tertiary: var(--md3-light-tertiary);
--md3-on-tertiary: var(--md3-light-on-tertiary);
--md3-tertiary-container: var(--md3-light-tertiary-container);
--md3-on-tertiary-container: var(--md3-light-on-tertiary-container);
--md3-error: var(--md3-light-error);
--md3-on-error: var(--md3-light-on-error);
--md3-error-container: var(--md3-light-error-container);
--md3-on-error-container: var(--md3-light-on-error-container);
--md3-primary-fixed: var(--md3-light-primary-fixed);
--md3-primary-fixed-dim: var(--md3-light-primary-fixed-dim);
--md3-on-primary-fixed: var(--md3-light-on-primary-fixed);
--md3-on-primary-fixed-variant: var(--md3-light-on-primary-fixed-variant);
--md3-secondary-fixed: var(--md3-light-secondary-fixed);
--md3-secondary-fixed-dim: var(--md3-light-secondary-fixed-dim);
--md3-on-secondary-fixed: var(--md3-light-on-secondary-fixed);
--md3-on-secondary-fixed-variant: var(--md3-light-on-secondary-fixed-variant);
--md3-tertiary-fixed: var(--md3-light-tertiary-fixed);
--md3-tertiary-fixed-dim: var(--md3-light-tertiary-fixed-dim);
--md3-on-tertiary-fixed: var(--md3-light-on-tertiary-fixed);
--md3-on-tertiary-fixed-variant: var(--md3-light-on-tertiary-fixed-variant);
}


.ion-palette-dark.md3 * {
--md3-primary-palette-key-color: var(--md3-dark-primary-palette-key-color);
--md3-secondary-palette-key-color: var(--md3-dark-secondary-palette-key-color);
--md3-tertiary-palette-key-color: var(--md3-dark-tertiary-palette-key-color);
--md3-neutral-palette-key-color: var(--md3-dark-neutral-palette-key-color);
--md3-neutral-variant-palette-key-color: var(--md3-dark-neutral-variant-palette-key-color);
--md3-background: var(--md3-dark-background);
--md3-on-background: var(--md3-dark-on-background);
--md3-surface: var(--md3-dark-surface);
--md3-surface-dim: var(--md3-dark-surface-dim);
--md3-surface-bright: var(--md3-dark-surface-bright);
--md3-surface-container-lowest: var(--md3-dark-surface-container-lowest);
--md3-surface-container-low: var(--md3-dark-surface-container-low);
--md3-surface-container: var(--md3-dark-surface-container);
--md3-surface-container-high: var(--md3-dark-surface-container-high);
--md3-surface-container-highest: var(--md3-dark-surface-container-highest);
--md3-on-surface: var(--md3-dark-on-surface);
--md3-surface-variant: var(--md3-dark-surface-variant);
--md3-on-surface-variant: var(--md3-dark-on-surface-variant);
--md3-inverse-surface: var(--md3-dark-inverse-surface);
--md3-inverse-on-surface: var(--md3-dark-inverse-on-surface);
--md3-outline: var(--md3-dark-outline);
--md3-outline-variant: var(--md3-dark-outline-variant);
--md3-shadow: var(--md3-dark-shadow);
--md3-scrim: var(--md3-dark-scrim);
--md3-surface-tint: var(--md3-dark-surface-tint);
--md3-primary: var(--md3-dark-primary);
--md3-on-primary: var(--md3-dark-on-primary);
--md3-primary-container: var(--md3-dark-primary-container);
--md3-on-primary-container: var(--md3-dark-on-primary-container);
--md3-inverse-primary: var(--md3-dark-inverse-primary);
--md3-secondary: var(--md3-dark-secondary);
--md3-on-secondary: var(--md3-dark-on-secondary);
--md3-secondary-container: var(--md3-dark-secondary-container);
--md3-on-secondary-container: var(--md3-dark-on-secondary-container);
--md3-tertiary: var(--md3-dark-tertiary);
--md3-on-tertiary: var(--md3-dark-on-tertiary);
--md3-tertiary-container: var(--md3-dark-tertiary-container);
--md3-on-tertiary-container: var(--md3-dark-on-tertiary-container);
--md3-error: var(--md3-dark-error);
--md3-on-error: var(--md3-dark-on-error);
--md3-error-container: var(--md3-dark-error-container);
--md3-on-error-container: var(--md3-dark-on-error-container);
--md3-primary-fixed: var(--md3-dark-primary-fixed);
--md3-primary-fixed-dim: var(--md3-dark-primary-fixed-dim);
--md3-on-primary-fixed: var(--md3-dark-on-primary-fixed);
--md3-on-primary-fixed-variant: var(--md3-dark-on-primary-fixed-variant);
--md3-secondary-fixed: var(--md3-dark-secondary-fixed);
--md3-secondary-fixed-dim: var(--md3-dark-secondary-fixed-dim);
--md3-on-secondary-fixed: var(--md3-dark-on-secondary-fixed);
--md3-on-secondary-fixed-variant: var(--md3-dark-on-secondary-fixed-variant);
--md3-tertiary-fixed: var(--md3-dark-tertiary-fixed);
--md3-tertiary-fixed-dim: var(--md3-dark-tertiary-fixed-dim);
--md3-on-tertiary-fixed: var(--md3-dark-on-tertiary-fixed);
--md3-on-tertiary-fixed-variant: var(--md3-dark-on-tertiary-fixed-variant);
}
Loading

0 comments on commit 281c588

Please sign in to comment.