@svadmin/core 0.27.1 → 0.28.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/core",
-  "version": "0.27.1",
+  "version": "0.28.0",
   "author": "zuohuadong",
   "repository": {
     "type": "git",

package/src/i18n.svelte.ts

@@ -144,6 +144,19 @@ const baseLocales: Record<string, Record<string, string>> = {
     'devtools.title': '开发者工具 (Ctrl+Shift+D)',
     // Validation
     // Chat
+    'chat.title': 'AI 助手',
+    'chat.typing': '输入中...',
+    'chat.clear': '清空',
+    'chat.welcome': '我可以帮你做什么？',
+    'chat.welcomeDesc': '可以询问当前后台、资源和库存运营数据。',
+    'chat.thinking': '思考中...',
+    'chat.placeholder': '输入消息...',
+    'chat.shortcutHint': '切换',
+    'chat.error': '抱歉，处理时出现问题，请重试。',
+    'chat.approvalRequired': '需要确认',
+    'chat.suggestion1': '如何新建一条资源记录？',
+    'chat.suggestion2': '解释当前数据模型',
+    'chat.suggestion3': '帮我写一个筛选条件',
     'chat.contextInfo': '当前上下文：{resource}',
     'chat.actionButton': '执行',
     'chat.historyRestored': '已恢复聊天记录',
@@ -162,6 +175,62 @@ const baseLocales: Record<string, Record<string, string>> = {
     'settings.appearance': '外观设置',
     'settings.about': '关于',
     'settings.general': '通用',
+    'settings.security': '安全设置',
+    'settings.integrations': '第三方集成',
+    'settings.notifications': '通知设置',
+    'settings.api': 'API 设置',
+    'settings.developer': '开发者',
+    'settings.workspace': '工作区',
+    'settings.securityDescription': '管理您的密码、活跃会话和双重身份验证偏好。',
+    'settings.integrationsDescription': '连接和管理工作区的第三方服务扩展。',
+    'settings.notificationsDescription': '配置系统警报的接收方式和时机。',
+    'settings.apiDescription': '生成并管理安全 API 密钥，以便集成外部程序脚本。',
+    'security.twoFactorAuth': '双重身份验证 (2FA)',
+    'security.twoFactorDescription': '启用后，在输入密码后还需要输入手机验证码，为账户增加额外安全保障。',
+    'security.enable2fa': '启用双重身份验证',
+    'security.twoFactorActive': '双重身份验证已启用。新登录时将需要验证码。',
+    'security.twoFactorInactive': '双重身份验证已禁用。建议开启以保护账户安全。',
+    'security.passwordLastChanged': '上次修改：{time}',
+    'security.activeSessions': '活跃会话',
+    'security.sessionsDescription': '以下是已登录您账户的设备。您可以撤销任何不识别的设备。',
+    'security.revokeOthers': '注销其他所有设备',
+    'security.currentSession': '当前设备',
+    'security.revokeSession': '注销此设备',
+    'security.noSessions': '无活跃会话。',
+    'integrations.statusConnected': '已连接',
+    'integrations.statusDisconnected': '未连接',
+    'integrations.enabled': '已启用',
+    'integrations.disabled': '已禁用',
+    'integrations.addMoreHint': '需要自定义集成？请联系管理员注册新的应用程序。',
+    'notifications.emailTitle': '邮件通知',
+    'notifications.emailDescription': '将系统自动发送的通知推送到您的电子邮箱。',
+    'notifications.securityAlerts': '安全警报',
+    'notifications.securityAlertsDesc': '在密码修改、新登录尝试或生成 API 密钥时收到通知。',
+    'notifications.activityLogs': '活动报告',
+    'notifications.activityLogsDesc': '每周获取关于系统审计、资源修改和后台任务的摘要。',
+    'notifications.systemAlerts': '系统报告',
+    'notifications.systemAlertsDesc': '在服务器实例或数据流水线发生故障时接收实时通知。',
+    'notifications.pushTitle': '应用内与浏览器推送',
+    'notifications.pushDescription': '在当前打开的浏览器标签页上接收推送通知。',
+    'notifications.securityPushDesc': '在检测到未经授权的登录时立即在浏览器发出警报。',
+    'notifications.activityPushDesc': '当同事编辑资源时，即时接收操作日志推送。',
+    'notifications.systemPushDesc': '针对任务队列和内存异常的严重警报。',
+    'notifications.smsTitle': '短信紧急警报',
+    'notifications.smsDescription': '可能产生标准资费。仅在需要管理员手动干预的紧急事件时使用。',
+    'notifications.criticalSecurity': '关键安全事件',
+    'notifications.criticalSecurityDesc': '在发生 Root 密码重置或双重身份验证绕过时发送短信警报。',
+    'api.generateTitle': '创建新 API 密钥',
+    'api.generateDesc': '配置权限范围并生成访问令牌。',
+    'api.keyName': '密钥名称',
+    'api.permissions': '权限范围',
+    'api.generateButton': '生成令牌',
+    'api.activeKeysTitle': '活跃 API 密钥',
+    'api.activeKeysDesc': '请妥善保管这些密钥。切勿在公共仓库中分享。',
+    'api.successTitle': 'API 密钥已生成',
+    'api.successHint': '请立即复制此令牌。关闭此提示后，您将无法再次查看它。',
+    'api.noKeys': '尚未生成活跃的 API 密钥。',
+    'error.pageNotFoundDescription': '抱歉，您访问的页面不存在或已被移除。',
+    'error.internalServerErrorDescription': '系统发生了一些问题，请稍后再试或联系支持人员。',
     'settings.system': '系统',
     'settings.themeMode': '主题模式',
     'settings.light': '浅色',
@@ -316,6 +385,127 @@ const baseLocales: Record<string, Record<string, string>> = {
     'task.status.dead_lettered': '死信',
     'task.status.retry_scheduled': '等待重试',
     'task.status.leased': '已领取',
+    // Public Profile
+    'publicProfile.title': '公开资料',
+    'publicProfile.projects': '项目',
+    'publicProfile.activity': '动态',
+    'publicProfile.teams': '团队',
+    'publicProfile.profile': '资料',
+    'publicProfile.viewProfile': '查看资料',
+    'publicProfile.followers': '关注者',
+    'publicProfile.following': '关注中',
+    'publicProfile.editProfile': '编辑资料',
+    'publicProfile.sendMessage': '发消息',
+    'publicProfile.addFriend': '添加好友',
+    'publicProfile.projects2Col': '项目 (两列)',
+    'publicProfile.projects3Col': '项目 (三列)',
+    'publicProfile.noProjects': '暂无项目',
+    'publicProfile.noActivity': '暂无动态',
+    'publicProfile.noTeams': '暂无团队',
+    'publicProfile.joinedDate': '加入于 {date}',
+    'publicProfile.projectMembers': '{count} 名成员',
+    'publicProfile.projectTasks': '{count} 个任务',
+    'publicProfile.activityPosted': '发布了内容',
+    'publicProfile.activityCommented': '评论了',
+    'publicProfile.activityJoined': '加入了',
+    'publicProfile.activityCreated': '创建了',
+    // Profile variants
+    'profile.company': '公司资料',
+    'profile.companyDescription': '公司简介和统计信息',
+    'profile.gamer': '玩家资料',
+    'profile.gamerDescription': '游戏成就和统计',
+    'profile.default': '个人资料',
+    'profile.defaultDescription': '个人简介和活动',
+    'profile.companyName': '公司名称',
+    'profile.industry': '行业',
+    'profile.employees': '员工数',
+    'profile.founded': '成立时间',
+    'profile.website': '网站',
+    'profile.gamerTag': '玩家标签',
+    'profile.level': '等级',
+    'profile.rank': '排名',
+    'profile.gamesPlayed': '游戏场次',
+    'profile.winRate': '胜率',
+    // Account extensions
+    'account.getStarted': '入门指南',
+    'account.getStartedDescription': '按照步骤完成初始设置，快速上手平台功能。',
+    'account.companyProfile': '公司信息',
+    'account.companyProfileDescription': '管理公司基本信息和品牌设置。',
+    'account.settingsPlain': '基本设置',
+    'account.settingsPlainDescription': '管理基本账户设置。',
+    'account.settingsSidebar': '侧栏设置',
+    'account.settingsSidebarDescription': '配置侧边栏布局和行为。',
+    'account.settingsEnterprise': '企业设置',
+    'account.settingsEnterpriseDescription': '管理企业级配置和策略。',
+    'account.importMembers': '导入成员',
+    'account.importMembersDescription': '从 CSV 文件批量导入团队成员。',
+    'account.membersStarter': '成员概览',
+    'account.membersStarterDescription': '查看和管理工作区成员。',
+    'account.securityLog': '安全日志',
+    'account.securityLogDescription': '查看账户安全相关的操作记录。',
+    'account.step': '第 {current} 步（共 {total} 步）',
+    'account.completeSetup': '完成设置',
+    'account.uploadAvatar': '上传头像',
+    'account.connectProvider': '连接服务',
+    'account.setupProfile': '完善资料',
+    'account.setupTeam': '邀请团队',
+    'account.skipSetup': '跳过设置',
+    'account.nextStep': '下一步',
+    'account.prevStep': '上一步',
+    'account.finishSetup': '完成设置',
+    'account.dragOrClick': '拖拽文件或点击上传',
+    'account.supportedFormats': '支持 CSV、XLSX 格式',
+    'account.downloadTemplate': '下载模板',
+    'account.startImport': '开始导入',
+    'account.importProgress': '导入进度',
+    'account.importComplete': '导入完成',
+    'account.imported': '已导入 {count} 条记录',
+    'account.member': '成员',
+    'account.role': '角色',
+    'account.status': '状态',
+    'account.joined': '加入时间',
+    'account.active': '活跃',
+    'account.invited': '已邀请',
+    'account.inactive': '未激活',
+    'account.inviteMember': '邀请成员',
+    'account.removeMember': '移除成员',
+    // Network
+    'network.userCards': '用户卡片',
+    'network.userCardsDescription': '以卡片形式浏览用户列表。',
+    'network.teamCrew': '团队花名册',
+    'network.teamCrewDescription': '以表格形式查看团队成员信息。',
+    'network.connect': '关注',
+    'network.connected': '已关注',
+    'network.nftCollection': 'NFT 收藏',
+    'network.nftCount': '{count} 件藏品',
+    'network.floorPrice': '地板价',
+    'network.volume': '交易量',
+    'network.viewCollection': '查看收藏',
+    // Auth
+    'auth.twoFactorSetup': '设置双重验证',
+    'auth.twoFactorVerify': '验证身份',
+    'auth.twoFactorRecovery': '恢复代码',
+    'auth.twoFactorScanQR': '使用验证器应用扫描二维码',
+    'auth.twoFactorEnterCode': '输入 6 位验证码',
+    'auth.twoFactorVerifySuccess': '双重验证已成功启用',
+    'auth.twoFactorSaveRecovery': '请妥善保存以下恢复代码',
+    'auth.twoFactorRecoveryHint': '当您无法使用验证器时，可使用恢复代码登录。每个代码只能使用一次。',
+    'auth.twoFactorDisable': '关闭双重验证',
+    'auth.twoFactorDisableConfirm': '确认要关闭双重验证吗？这将降低账户安全性。',
+    // Security Log
+    'securityLog.event': '事件',
+    'securityLog.ip': 'IP 地址',
+    'securityLog.device': '设备',
+    'securityLog.location': '位置',
+    'securityLog.time': '时间',
+    'securityLog.loginSuccess': '登录成功',
+    'securityLog.loginFailed': '登录失败',
+    'securityLog.passwordChanged': '密码已修改',
+    'securityLog.twoFactorEnabled': '已启用双重验证',
+    'securityLog.twoFactorDisabled': '已关闭双重验证',
+    'securityLog.apiKeyCreated': 'API 密钥已创建',
+    'securityLog.apiKeyRevoked': 'API 密钥已吊销',
+    'securityLog.sessionRevoked': '会话已注销',
   },
   'en': {
     'common.list': 'List',
@@ -458,6 +648,19 @@ const baseLocales: Record<string, Record<string, string>> = {
     'devtools.title': 'DevTools (Ctrl+Shift+D)',
     // Validation
     // Chat
+    'chat.title': 'AI Assistant',
+    'chat.typing': 'Typing...',
+    'chat.clear': 'Clear',
+    'chat.welcome': 'How can I help?',
+    'chat.welcomeDesc': 'Ask me anything about your admin panel, resources, and inventory operations.',
+    'chat.thinking': 'Thinking...',
+    'chat.placeholder': 'Type a message...',
+    'chat.shortcutHint': 'to toggle',
+    'chat.error': 'Sorry, something went wrong. Please try again.',
+    'chat.approvalRequired': 'Approval required',
+    'chat.suggestion1': 'How do I create a new resource?',
+    'chat.suggestion2': 'Explain the data model',
+    'chat.suggestion3': 'Help me write a filter query',
     'chat.contextInfo': 'Current context: {resource}',
     'chat.actionButton': 'Execute',
     'chat.historyRestored': 'Chat history restored',
@@ -476,6 +679,62 @@ const baseLocales: Record<string, Record<string, string>> = {
     'settings.appearance': 'Appearance',
     'settings.about': 'About',
     'settings.general': 'General',
+    'settings.security': 'Security',
+    'settings.integrations': 'Integrations',
+    'settings.notifications': 'Notifications',
+    'settings.api': 'API Settings',
+    'settings.developer': 'Developer',
+    'settings.workspace': 'Workspace',
+    'settings.securityDescription': 'Manage your password, active sessions, and multi-factor authentication preferences.',
+    'settings.integrationsDescription': 'Connect and manage third-party service extensions for your workspace.',
+    'settings.notificationsDescription': 'Configure how and when you receive system alerts.',
+    'settings.apiDescription': 'Generate and manage secure API keys to integrate external programmatic scripts.',
+    'security.twoFactorAuth': 'Two-Factor Authentication (2FA)',
+    'security.twoFactorDescription': 'Add an extra layer of security to your account by requiring a verification code in addition to your password.',
+    'security.enable2fa': 'Enable 2FA Verification',
+    'security.twoFactorActive': '2FA is currently active. Verification codes will be required on new logins.',
+    'security.twoFactorInactive': '2FA is currently disabled. Protect your account by turning it on.',
+    'security.passwordLastChanged': 'Last changed: {time}',
+    'security.activeSessions': 'Active Sessions',
+    'security.sessionsDescription': 'These are the devices that have logged into your account. Revoke any you do not recognize.',
+    'security.revokeOthers': 'Sign Out Other Devices',
+    'security.currentSession': 'Current Device',
+    'security.revokeSession': 'Sign out device',
+    'security.noSessions': 'No active sessions.',
+    'integrations.statusConnected': 'Connected',
+    'integrations.statusDisconnected': 'Disconnected',
+    'integrations.enabled': 'Enabled',
+    'integrations.disabled': 'Disabled',
+    'integrations.addMoreHint': 'Need custom integrations? Contact your administrator to register new application manifests.',
+    'notifications.emailTitle': 'Email Notifications',
+    'notifications.emailDescription': 'Get automated system messages delivered directly to your mailbox.',
+    'notifications.securityAlerts': 'Security Alerts',
+    'notifications.securityAlertsDesc': 'Get notified of password changes, login attempts, and key generations.',
+    'notifications.activityLogs': 'Activity Reports',
+    'notifications.activityLogsDesc': 'Weekly summaries of system audits, modifications, and background tasks.',
+    'notifications.systemAlerts': 'System Reports',
+    'notifications.systemAlertsDesc': 'Real-time alerts when server instances or data pipelines fail.',
+    'notifications.pushTitle': 'In-App & Push Notifications',
+    'notifications.pushDescription': 'Receive push notifications on your active browser tab.',
+    'notifications.securityPushDesc': 'Immediate browser alerts on unauthorized login detection.',
+    'notifications.activityPushDesc': 'Instant notifications on CRUD logs when colleagues edit resources.',
+    'notifications.systemPushDesc': 'Critical alerts for task queues and memory anomalies.',
+    'notifications.smsTitle': 'SMS Emergency Alerts',
+    'notifications.smsDescription': 'Standard rates apply. Used only for urgent events requiring manual administrator intervention.',
+    'notifications.criticalSecurity': 'Critical Security Events',
+    'notifications.criticalSecurityDesc': 'SMS alert sent when root password resets or 2FA bypass occurs.',
+    'api.generateTitle': 'Create New API Key',
+    'api.generateDesc': 'Configure scopes and generate a token.',
+    'api.keyName': 'Key Name',
+    'api.permissions': 'Permissions',
+    'api.generateButton': 'Generate Token',
+    'api.activeKeysTitle': 'Active API Keys',
+    'api.activeKeysDesc': 'Keep these keys secure. Do not share them in public repositories.',
+    'api.successTitle': 'API Key Generated',
+    'api.successHint': 'Copy this token now. It will not be shown again.',
+    'api.noKeys': 'No active API keys generated yet.',
+    'error.pageNotFoundDescription': 'Sorry, the page you are looking for does not exist or has been moved.',
+    'error.internalServerErrorDescription': 'Something went wrong on our end. Please try again later or contact support.',
     'settings.system': 'System',
     'settings.themeMode': 'Theme Mode',
     'settings.light': 'Light',
@@ -630,6 +889,127 @@ const baseLocales: Record<string, Record<string, string>> = {
     'task.status.dead_lettered': 'Dead lettered',
     'task.status.retry_scheduled': 'Retry scheduled',
     'task.status.leased': 'Leased',
+    // Public Profile
+    'publicProfile.title': 'Public Profile',
+    'publicProfile.projects': 'Projects',
+    'publicProfile.activity': 'Activity',
+    'publicProfile.teams': 'Teams',
+    'publicProfile.profile': 'Profile',
+    'publicProfile.viewProfile': 'View Profile',
+    'publicProfile.followers': 'Followers',
+    'publicProfile.following': 'Following',
+    'publicProfile.editProfile': 'Edit Profile',
+    'publicProfile.sendMessage': 'Send Message',
+    'publicProfile.addFriend': 'Add Friend',
+    'publicProfile.projects2Col': 'Projects (2 Columns)',
+    'publicProfile.projects3Col': 'Projects (3 Columns)',
+    'publicProfile.noProjects': 'No projects yet',
+    'publicProfile.noActivity': 'No activity yet',
+    'publicProfile.noTeams': 'No teams yet',
+    'publicProfile.joinedDate': 'Joined {date}',
+    'publicProfile.projectMembers': '{count} members',
+    'publicProfile.projectTasks': '{count} tasks',
+    'publicProfile.activityPosted': 'posted',
+    'publicProfile.activityCommented': 'commented on',
+    'publicProfile.activityJoined': 'joined',
+    'publicProfile.activityCreated': 'created',
+    // Profile variants
+    'profile.company': 'Company Profile',
+    'profile.companyDescription': 'Company overview and statistics',
+    'profile.gamer': 'Gamer Profile',
+    'profile.gamerDescription': 'Gaming achievements and stats',
+    'profile.default': 'Default Profile',
+    'profile.defaultDescription': 'Personal overview and activity',
+    'profile.companyName': 'Company Name',
+    'profile.industry': 'Industry',
+    'profile.employees': 'Employees',
+    'profile.founded': 'Founded',
+    'profile.website': 'Website',
+    'profile.gamerTag': 'Gamer Tag',
+    'profile.level': 'Level',
+    'profile.rank': 'Rank',
+    'profile.gamesPlayed': 'Games Played',
+    'profile.winRate': 'Win Rate',
+    // Account extensions
+    'account.getStarted': 'Get Started',
+    'account.getStartedDescription': 'Follow the steps to complete your initial setup and get up to speed quickly.',
+    'account.companyProfile': 'Company Profile',
+    'account.companyProfileDescription': 'Manage company information and branding.',
+    'account.settingsPlain': 'Basic Settings',
+    'account.settingsPlainDescription': 'Manage basic account settings.',
+    'account.settingsSidebar': 'Sidebar Settings',
+    'account.settingsSidebarDescription': 'Configure sidebar layout and behavior.',
+    'account.settingsEnterprise': 'Enterprise Settings',
+    'account.settingsEnterpriseDescription': 'Manage enterprise-level configuration and policies.',
+    'account.importMembers': 'Import Members',
+    'account.importMembersDescription': 'Bulk import team members from a CSV file.',
+    'account.membersStarter': 'Members Overview',
+    'account.membersStarterDescription': 'View and manage workspace members.',
+    'account.securityLog': 'Security Log',
+    'account.securityLogDescription': 'View security-related activity logs for your account.',
+    'account.step': 'Step {current} of {total}',
+    'account.completeSetup': 'Complete Setup',
+    'account.uploadAvatar': 'Upload Avatar',
+    'account.connectProvider': 'Connect Provider',
+    'account.setupProfile': 'Set Up Profile',
+    'account.setupTeam': 'Invite Team',
+    'account.skipSetup': 'Skip Setup',
+    'account.nextStep': 'Next Step',
+    'account.prevStep': 'Previous Step',
+    'account.finishSetup': 'Finish Setup',
+    'account.dragOrClick': 'Drag file or click to upload',
+    'account.supportedFormats': 'Supports CSV, XLSX formats',
+    'account.downloadTemplate': 'Download Template',
+    'account.startImport': 'Start Import',
+    'account.importProgress': 'Import Progress',
+    'account.importComplete': 'Import Complete',
+    'account.imported': 'Imported {count} records',
+    'account.member': 'Member',
+    'account.role': 'Role',
+    'account.status': 'Status',
+    'account.joined': 'Joined',
+    'account.active': 'Active',
+    'account.invited': 'Invited',
+    'account.inactive': 'Inactive',
+    'account.inviteMember': 'Invite Member',
+    'account.removeMember': 'Remove Member',
+    // Network
+    'network.userCards': 'User Cards',
+    'network.userCardsDescription': 'Browse users in card layout.',
+    'network.teamCrew': 'Team Crew',
+    'network.teamCrewDescription': 'View team members in table layout.',
+    'network.connect': 'Follow',
+    'network.connected': 'Following',
+    'network.nftCollection': 'NFT Collection',
+    'network.nftCount': '{count} items',
+    'network.floorPrice': 'Floor Price',
+    'network.volume': 'Volume',
+    'network.viewCollection': 'View Collection',
+    // Auth
+    'auth.twoFactorSetup': 'Set Up Two-Factor Auth',
+    'auth.twoFactorVerify': 'Verify Identity',
+    'auth.twoFactorRecovery': 'Recovery Codes',
+    'auth.twoFactorScanQR': 'Scan the QR code with your authenticator app',
+    'auth.twoFactorEnterCode': 'Enter 6-digit verification code',
+    'auth.twoFactorVerifySuccess': 'Two-factor authentication enabled successfully',
+    'auth.twoFactorSaveRecovery': 'Save these recovery codes in a safe place',
+    'auth.twoFactorRecoveryHint': 'You can use recovery codes to log in when you cannot access your authenticator. Each code can only be used once.',
+    'auth.twoFactorDisable': 'Disable Two-Factor Auth',
+    'auth.twoFactorDisableConfirm': 'Are you sure you want to disable two-factor authentication? This will reduce your account security.',
+    // Security Log
+    'securityLog.event': 'Event',
+    'securityLog.ip': 'IP Address',
+    'securityLog.device': 'Device',
+    'securityLog.location': 'Location',
+    'securityLog.time': 'Time',
+    'securityLog.loginSuccess': 'Login Successful',
+    'securityLog.loginFailed': 'Login Failed',
+    'securityLog.passwordChanged': 'Password Changed',
+    'securityLog.twoFactorEnabled': '2FA Enabled',
+    'securityLog.twoFactorDisabled': '2FA Disabled',
+    'securityLog.apiKeyCreated': 'API Key Created',
+    'securityLog.apiKeyRevoked': 'API Key Revoked',
+    'securityLog.sessionRevoked': 'Session Revoked',
   },
 };
 

package/src/theme.svelte.ts

@@ -235,6 +235,8 @@ export interface ThemeConfig {
   disableColorScheme?: boolean;
   /** Built-in color preset name (e.g. 'indigo', 'blue') or a custom ColorPreset object */
   colorPreset?: ColorPreset | string;
+  /** Layout style option: 'default' or 'clean-flat' for high-contrast flat panel design */
+  layoutPreset?: 'default' | 'clean-flat';
 }
 
 const STORAGE_KEY = 'svadmin-theme';
@@ -328,6 +330,13 @@ function applyTheme(m: ThemeMode): void {
 
   const strategy = themeConfig.strategy ?? 'standard';
   const el = document.documentElement;
+  
+  // Apply clean-flat layout preset class to html
+  if (themeConfig.layoutPreset === 'clean-flat') {
+    el.classList.add('layout-clean-flat');
+  } else {
+    el.classList.remove('layout-clean-flat');
+  }
 
   if (strategy === 'dark-first') {
     // Dark-first: default is dark, add 'light' class for light mode