diff --git a/src/interfaces/themes/legoIOS/index.ts b/src/interfaces/themes/legoIOS/index.ts new file mode 100644 index 00000000..6d817f54 --- /dev/null +++ b/src/interfaces/themes/legoIOS/index.ts @@ -0,0 +1,5 @@ +export { + ThemeVkontakteIOS as ThemeLegoIOS, + ThemeVkontakteIOSCssVars as ThemeLegoIOSCssVars, + ThemeVkontakteIOSDescription as ThemeLegoIOSDescription, +} from '@/interfaces/themes/vkontakteIOS'; diff --git a/src/interfaces/themes/legoIOSDark/index.ts b/src/interfaces/themes/legoIOSDark/index.ts new file mode 100644 index 00000000..a5d0e690 --- /dev/null +++ b/src/interfaces/themes/legoIOSDark/index.ts @@ -0,0 +1,5 @@ +export { + ThemeVkontakteIOSDark as ThemeLegoIOSDark, + ThemeVkontakteIOSDarkCssVars as ThemeLegoIOSDarkCssVars, + ThemeVkontakteIOSDarkDescription as ThemeLegoIOSDarkDescription, +} from '@/interfaces/themes/vkontakteIOSDark'; diff --git a/src/themeDescriptions/index.ts b/src/themeDescriptions/index.ts index 89f1a9b0..23a609bd 100644 --- a/src/themeDescriptions/index.ts +++ b/src/themeDescriptions/index.ts @@ -4,6 +4,7 @@ import { cloudDarkTheme, cloudTheme } from '@/themeDescriptions/themes/cloud'; import { dobroDarkTheme, dobroTheme } from '@/themeDescriptions/themes/dobro'; import { homeDarkTheme, homeTheme } from '@/themeDescriptions/themes/home'; import { legoAndroidTheme, legoAndroidThemeDark } from '@/themeDescriptions/themes/legoAndroid'; +import { legoIOSTheme, legoIOSThemeDark } from '@/themeDescriptions/themes/legoIOS'; import { mediaDarkTheme, mediaTheme } from '@/themeDescriptions/themes/media'; import { mycomTheme } from '@/themeDescriptions/themes/mycom'; import { @@ -83,6 +84,8 @@ export const themes = [ tutoriaDarkTheme, legoAndroidTheme, legoAndroidThemeDark, + legoIOSTheme, + legoIOSThemeDark, // ==== Темы, наследуемые от базовой темы Paradigm ==== // Темы, наследуемые от Octavius diff --git a/src/themeDescriptions/themes/legoIOS/index.ts b/src/themeDescriptions/themes/legoIOS/index.ts new file mode 100644 index 00000000..3e3cc96a --- /dev/null +++ b/src/themeDescriptions/themes/legoIOS/index.ts @@ -0,0 +1,66 @@ +import { ThemeLegoIOSDescription } from '@/interfaces/themes/legoIOS'; +import { ThemeLegoIOSDarkDescription } from '@/interfaces/themes/legoIOSDark'; +import { vkontakteIOSTheme, vkontakteIOSThemeDark } from '@/themeDescriptions/themes/vkontakteIOS'; + +const dark = '#212121'; +const light = '#E1E3E6'; + +export const legoIOSTheme: ThemeLegoIOSDescription = { + ...vkontakteIOSTheme, // импорт светлой базовой темы + + themeName: 'legoIOS', // название текущей темы + themeNameBase: 'legoIOS', // название светлой (базовой) темы + themeInheritsFrom: 'vkontakteIOS', // название родительской темы + + colors: { + ...vkontakteIOSTheme.colors, + // переопределение переменных + colorTextAccent: dark, + colorTextAccentThemed: dark, + colorTextPrimary: dark, + colorTextLink: dark, + colorTextLinkThemed: dark, + colorTextLinkTint: dark, + colorIconAccent: dark, + colorIconAccentThemed: dark, + colorStrokeAccent: dark, + colorStrokeAccentThemed: dark, + colorBackgroundAccent: dark, + colorBackgroundAccentThemed: dark, + colorBackgroundAccentThemedAlpha: 'rgba(38, 136, 235, .2)', + colorBackgroundAccentAlternative: dark, + colorBackgroundAccentTint: '#2D2D2D', + colorWriteBarIcon: dark, + }, +}; + +export const legoIOSThemeDark: ThemeLegoIOSDarkDescription = { + ...legoIOSTheme, // импорт светлой версии текущей темы, + ...vkontakteIOSThemeDark, // импорт тёмной базовой темы + + themeName: 'legoIOSDark', // название текущей темы + themeNameBase: 'legoIOS', // название светлой (базовой) темы + themeInheritsFrom: 'vkontakteIOSDark', // название родительской темы + colorsScheme: 'dark', // название схемы (светлая — по умолчанию) + + colors: { + ...vkontakteIOSThemeDark.colors, + // переопределение переменных + colorTextAccent: light, + colorTextAccentThemed: light, + colorTextPrimary: light, + colorTextLink: light, + colorTextLinkThemed: light, + colorTextLinkTint: light, + colorIconAccent: light, + colorIconAccentThemed: light, + colorStrokeAccent: light, + colorStrokeAccentThemed: light, + colorBackgroundAccent: light, + colorBackgroundAccentThemed: light, + colorBackgroundAccentThemedAlpha: 'rgba(255, 255, 255, .2)', + colorBackgroundAccentAlternative: light, + colorBackgroundAccentTint: '#EAEDF0', + colorWriteBarIcon: light, + }, +};