davila.erdianita.1005/coba-tampilan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
meninjar
2025-06-20 02:59:01 +00:00
commit be4de9f24a
431 changed files with 35653 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

144
utils/UpdateColors.ts Executable file
View File

@@ -0,0 +1,144 @@
import { computed } from 'vue';
import * as themeColors from '@/theme/LightTheme';
import * as DarkThemeColors from '@/theme/DarkTheme';
import { useCustomizerStore } from '@/stores/customizer';
const custmizer = useCustomizerStore();
const getPrimary = computed(() => {
if (custmizer.actTheme === 'AQUA_THEME') {
return themeColors.AQUA_THEME.colors.primary;
} else if (custmizer.actTheme === 'PURPLE_THEME') {
return themeColors.PURPLE_THEME.colors.primary;
} else if (custmizer.actTheme === 'GREEN_THEME') {
return themeColors.GREEN_THEME.colors.primary;
} else if (custmizer.actTheme === 'CYAN_THEME') {
return themeColors.CYAN_THEME.colors.primary;
} else if (custmizer.actTheme === 'ORANGE_THEME') {
return themeColors.ORANGE_THEME.colors.primary;
} else if (custmizer.actTheme === 'DARK_AQUA_THEME') {
return DarkThemeColors.DARK_AQUA_THEME.colors.primary;
} else if (custmizer.actTheme === 'DARK_PURPLE_THEME') {
return DarkThemeColors.DARK_PURPLE_THEME.colors.primary;
} else if (custmizer.actTheme === 'DARK_GREEN_THEME') {
return DarkThemeColors.DARK_GREEN_THEME.colors.primary;
} else if (custmizer.actTheme === 'DARK_CYAN_THEME') {
return DarkThemeColors.DARK_CYAN_THEME.colors.primary;
} else if (custmizer.actTheme === 'DARK_ORANGE_THEME') {
return DarkThemeColors.DARK_ORANGE_THEME.colors.primary;
} else if (custmizer.actTheme === 'DARK_BLUE_THEME') {
return DarkThemeColors.DARK_BLUE_THEME.colors.primary;
} else {
return themeColors.BLUE_THEME.colors.primary;
}
});
const getLightPrimary = computed(() => {
if (custmizer.actTheme === 'AQUA_THEME') {
return themeColors.AQUA_THEME.colors.lightprimary;
} else if (custmizer.actTheme === 'PURPLE_THEME') {
return themeColors.PURPLE_THEME.colors.lightprimary;
} else if (custmizer.actTheme === 'GREEN_THEME') {
return themeColors.GREEN_THEME.colors.lightprimary;
} else if (custmizer.actTheme === 'CYAN_THEME') {
return themeColors.CYAN_THEME.colors.lightprimary;
} else if (custmizer.actTheme === 'ORANGE_THEME') {
return themeColors.ORANGE_THEME.colors.lightprimary;
}
if (custmizer.actTheme === 'DARK_AQUA_THEME') {
return DarkThemeColors.DARK_AQUA_THEME.colors.lightprimary;
} else if (custmizer.actTheme === 'DARK_PURPLE_THEME') {
return DarkThemeColors.DARK_PURPLE_THEME.colors.lightprimary;
} else if (custmizer.actTheme === 'DARK_GREEN_THEME') {
return DarkThemeColors.DARK_GREEN_THEME.colors.lightprimary;
} else if (custmizer.actTheme === 'DARK_CYAN_THEME') {
return DarkThemeColors.DARK_CYAN_THEME.colors.lightprimary;
} else if (custmizer.actTheme === 'DARK_ORANGE_THEME') {
return DarkThemeColors.DARK_ORANGE_THEME.colors.lightprimary;
} else if (custmizer.actTheme === 'DARK_BLUE_THEME') {
return DarkThemeColors.DARK_BLUE_THEME.colors.lightprimary;
} else {
return themeColors.BLUE_THEME.colors.lightprimary;
}
});
const getSecondary = computed(() => {
if (custmizer.actTheme === 'AQUA_THEME') {
return themeColors.AQUA_THEME.colors.secondary;
} else if (custmizer.actTheme === 'PURPLE_THEME') {
return themeColors.PURPLE_THEME.colors.secondary;
} else if (custmizer.actTheme === 'GREEN_THEME') {
return themeColors.GREEN_THEME.colors.secondary;
} else if (custmizer.actTheme === 'CYAN_THEME') {
return themeColors.CYAN_THEME.colors.secondary;
} else if (custmizer.actTheme === 'ORANGE_THEME') {
return themeColors.ORANGE_THEME.colors.secondary;
} else if (custmizer.actTheme === 'DARK_AQUA_THEME') {
return DarkThemeColors.DARK_AQUA_THEME.colors.secondary;
} else if (custmizer.actTheme === 'DARK_PURPLE_THEME') {
return DarkThemeColors.DARK_PURPLE_THEME.colors.secondary;
} else if (custmizer.actTheme === 'DARK_GREEN_THEME') {
return DarkThemeColors.DARK_GREEN_THEME.colors.secondary;
} else if (custmizer.actTheme === 'DARK_CYAN_THEME') {
return DarkThemeColors.DARK_CYAN_THEME.colors.secondary;
} else if (custmizer.actTheme === 'DARK_ORANGE_THEME') {
return DarkThemeColors.DARK_ORANGE_THEME.colors.secondary;
} else if (custmizer.actTheme === 'DARK_BLUE_THEME') {
return DarkThemeColors.DARK_BLUE_THEME.colors.secondary;
} else {
return themeColors.BLUE_THEME.colors.secondary;
}
});
const getLightSecondary = computed(() => {
if (custmizer.actTheme === 'AQUA_THEME') {
return themeColors.AQUA_THEME.colors.lightsecondary;
} else if (custmizer.actTheme === 'PURPLE_THEME') {
return themeColors.PURPLE_THEME.colors.lightsecondary;
} else if (custmizer.actTheme === 'GREEN_THEME') {
return themeColors.GREEN_THEME.colors.lightsecondary;
} else if (custmizer.actTheme === 'CYAN_THEME') {
return themeColors.CYAN_THEME.colors.lightsecondary;
} else if (custmizer.actTheme === 'ORANGE_THEME') {
return themeColors.ORANGE_THEME.colors.lightsecondary;
} if (custmizer.actTheme === 'DARK_AQUA_THEME') {
return DarkThemeColors.DARK_AQUA_THEME.colors.lightsecondary;
} else if (custmizer.actTheme === 'DARK_PURPLE_THEME') {
return DarkThemeColors.DARK_PURPLE_THEME.colors.lightsecondary;
} else if (custmizer.actTheme === 'DARK_GREEN_THEME') {
return DarkThemeColors.DARK_GREEN_THEME.colors.lightsecondary;
} else if (custmizer.actTheme === 'DARK_CYAN_THEME') {
return DarkThemeColors.DARK_CYAN_THEME.colors.lightsecondary;
} else if (custmizer.actTheme === 'DARK_ORANGE_THEME') {
return DarkThemeColors.DARK_ORANGE_THEME.colors.lightsecondary;
} else if (custmizer.actTheme === 'DARK_BLUE_THEME') {
return DarkThemeColors.DARK_BLUE_THEME.colors.lightsecondary;
} else {
return themeColors.BLUE_THEME.colors.lightsecondary;
}
});
const getLight100 = computed(() => {
if (
custmizer.actTheme === 'AQUA_THEME' ||
custmizer.actTheme === 'PURPLE_THEME' ||
custmizer.actTheme === 'GREEN_THEME' ||
custmizer.actTheme === 'CYAN_THEME' ||
custmizer.actTheme === 'ORANGE_THEME'
) {
return themeColors.AQUA_THEME.colors.grey100;
} else if (
custmizer.actTheme === 'DARK_AQUA_THEME' ||
custmizer.actTheme === 'DARK_PURPLE_THEME' ||
custmizer.actTheme === 'DARK_GREEN_THEME' ||
custmizer.actTheme === 'DARK_CYAN_THEME' ||
custmizer.actTheme === 'DARK_ORANGE_THEME' ||
custmizer.actTheme === 'DARK_BLUE_THEME'
) {
return DarkThemeColors.DARK_AQUA_THEME.colors.grey100;
} else {
return themeColors.BLUE_THEME.colors.grey100;
}
});
export { getPrimary, getSecondary, getLightPrimary, getLightSecondary, getLight100 };