Skip to content

feat: add light mode with system/light/dark theme support #2760

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
real-alexei wants to merge 8 commits into
base: dev
Choose a base branch
from
Open

feat: add light mode with system/light/dark theme support #2760

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
88ee9cd
feat: add light mode with system/light/dark theme support
real-alexei Jun 22, 2026
247e78f
feat: add translations for Color theme menu
real-alexei Jun 22, 2026
544ffb6
feat: light-mode switch uses apricot track with white knob
real-alexei Jun 22, 2026
755e842
fix: restore connection-state translations (ConnectionUiController)
real-alexei Jun 22, 2026
93690e8
fix: make notification popup readable in light mode
real-alexei Jun 22, 2026
bc949d7
feat: light-mode disabled "on" switch uses muted apricot track
real-alexei Jun 22, 2026
563ecd2
fix: soften protocol chip in light mode and balance its chevron
real-alexei Jun 22, 2026
0616fc3
fix: disabled selected radio title matches the indicator color
real-alexei Jun 22, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 3 additions & 0 deletions client/core/controllers/coreController.cpp
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -194,6 +194,9 @@ void CoreController::initControllers()
m_settingsUiController = new SettingsUiController(m_settingsController, m_serversController, this);
setQmlContextProperty("SettingsController", m_settingsUiController);

m_appearanceController = new AppearanceController(m_settingsController, this);
setQmlContextProperty("AppearanceController", m_appearanceController);

m_pageController = new PageController(m_serversController, m_settingsController, this);
setQmlContextProperty("PageController", m_pageController);

Expand Down
2 changes: 2 additions & 0 deletions client/core/controllers/coreController.h
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@

#include "ui/controllers/api/subscriptionUiController.h"
#include "ui/controllers/api/apiNewsUiController.h"
#include "ui/controllers/appearanceController.h"
#include "ui/controllers/appSplitTunnelingUiController.h"
#include "ui/controllers/allowedDnsUiController.h"
#include "ui/controllers/connectionUiController.h"
Expand Down Expand Up @@ -173,6 +174,7 @@ class CoreController : public QObject
AppSplitTunnelingUiController* m_appSplitTunnelingUiController;
AllowedDnsUiController* m_allowedDnsUiController;
LanguageUiController* m_languageUiController;
AppearanceController* m_appearanceController;
UpdateUiController* m_updateUiController;

SubscriptionUiController* m_subscriptionUiController;
Expand Down
10 changes: 10 additions & 0 deletions client/core/controllers/settingsController.cpp
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -351,6 +351,16 @@ void SettingsController::setAppLanguage(const QLocale &locale)
m_appSettingsRepository->setAppLanguage(locale);
}

int SettingsController::getThemeMode() const
{
return m_appSettingsRepository->getAppThemeMode();
}

void SettingsController::setThemeMode(int mode)
{
m_appSettingsRepository->setAppThemeMode(mode);
}

bool SettingsController::isPremV1MigrationReminderActive() const
{
return m_appSettingsRepository->isPremV1MigrationReminderActive();
Expand Down
3 changes: 3 additions & 0 deletions client/core/controllers/settingsController.h
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -89,6 +89,9 @@ class SettingsController : public QObject
QLocale getAppLanguage() const;
void setAppLanguage(const QLocale &locale);

int getThemeMode() const;
void setThemeMode(int mode);

signals:
void siteSplitTunnelingRouteModeChanged(RouteMode mode);
void siteSplitTunnelingToggled(bool enabled);
Expand Down
10 changes: 10 additions & 0 deletions client/core/repositories/secureAppSettingsRepository.cpp
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,16 @@ void SecureAppSettingsRepository::setAppLanguage(QLocale locale)
emit appLanguageChanged(locale);
}

int SecureAppSettingsRepository::getAppThemeMode() const
{
return value("Conf/appTheme", 0).toInt();
}

void SecureAppSettingsRepository::setAppThemeMode(int mode)
{
setValue("Conf/appTheme", mode);
}

bool SecureAppSettingsRepository::useAmneziaDns() const
{
return value("Conf/useAmneziaDns", true).toBool();
Expand Down
3 changes: 3 additions & 0 deletions client/core/repositories/secureAppSettingsRepository.h
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,9 @@ class SecureAppSettingsRepository : public QObject
QLocale getAppLanguage() const;
void setAppLanguage(QLocale locale);

int getAppThemeMode() const;
void setAppThemeMode(int mode);

bool useAmneziaDns() const;
void setUseAmneziaDns(bool enabled);
QStringList getAllowedDnsServers() const;
Expand Down
79 changes: 79 additions & 0 deletions client/translations/amneziavpn_ar_EG.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -221,6 +221,42 @@
<translation type="vanished">غير قادر علي إنشاء تكوين</translation>
</message>
</context>
<context>
<name>ConnectionUiController</name>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="58"/>
<source>Connecting...</source>
<translation>اتصال...</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="65"/>
<source>Connected</source>
<translation>تم الاتصال</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="74"/>
<source>Reconnecting...</source>
<translation>إعادة الاتصال...</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.h" line="65"/>
<location filename="../ui/controllers/connectionUiController.cpp" line="79"/>
<location filename="../ui/controllers/connectionUiController.cpp" line="94"/>
<location filename="../ui/controllers/connectionUiController.cpp" line="100"/>
<source>Connect</source>
<translation>اتصل</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="84"/>
<source>Disconnecting...</source>
<translation>إنهاء الاتصال...</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="89"/>
<source>Preparing...</source>
<translation>جاري التحضير...</translation>
</message>
</context>
<context>
<name>ConnectionTypeSelectionDrawer</name>
<message>
Expand Down Expand Up @@ -2091,6 +2127,49 @@ Already installed containers were found on the server. All installed containers
<source>Cannot reset settings during active connection</source>
<translation>لا يمكن إعادة ضبط الإعدادات اثناء تواجد اتصال فعال</translation>
</message>
<message>
<location filename="../ui/qml/Pages2/PageSettingsApplication.qml" line="221"/>
<source>Color theme</source>
<translation>سمة الألوان</translation>
</message>
<message>
<location filename="../ui/qml/Pages2/PageSettingsApplication.qml" line="222"/>
<source>System</source>
<translation>النظام</translation>
</message>
<message>
<location filename="../ui/qml/Pages2/PageSettingsApplication.qml" line="222"/>
<source>Light</source>
<translation>فاتح</translation>
</message>
<message>
<location filename="../ui/qml/Pages2/PageSettingsApplication.qml" line="222"/>
<source>Dark</source>
<translation>داكن</translation>
</message>
</context>
<context>
<name>SelectThemeDrawer</name>
<message>
<location filename="../ui/qml/Components/SelectThemeDrawer.qml" line="47"/>
<source>Color theme</source>
<translation>سمة الألوان</translation>
</message>
<message>
<location filename="../ui/qml/Components/SelectThemeDrawer.qml" line="62"/>
<source>System</source>
<translation>النظام</translation>
</message>
<message>
<location filename="../ui/qml/Components/SelectThemeDrawer.qml" line="63"/>
<source>Light</source>
<translation>فاتح</translation>
</message>
<message>
<location filename="../ui/qml/Components/SelectThemeDrawer.qml" line="64"/>
<source>Dark</source>
<translation>داكن</translation>
</message>
</context>
<context>
<name>PageSettingsBackup</name>
Expand Down
79 changes: 79 additions & 0 deletions client/translations/amneziavpn_fa_IR.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -223,6 +223,42 @@
<translation>قطع ارتباط...</translation>
</message>
</context>
<context>
<name>ConnectionUiController</name>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="58"/>
<source>Connecting...</source>
<translation>در حال ارتباط...</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="65"/>
<source>Connected</source>
<translation>متصل</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="74"/>
<source>Reconnecting...</source>
<translation>اتصال دوباره...</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.h" line="65"/>
<location filename="../ui/controllers/connectionUiController.cpp" line="79"/>
<location filename="../ui/controllers/connectionUiController.cpp" line="94"/>
<location filename="../ui/controllers/connectionUiController.cpp" line="100"/>
<source>Connect</source>
<translation>اتصال</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="84"/>
<source>Disconnecting...</source>
<translation>قطع ارتباط...</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="89"/>
<source>Preparing...</source>
<translation>در حال آماده‌سازی...</translation>
</message>
</context>
<context>
<name>ConnectionTypeSelectionDrawer</name>
<message>
Expand Down Expand Up @@ -2174,6 +2210,49 @@ Already installed containers were found on the server. All installed containers
<source>Cannot reset settings during active connection</source>
<translation>نمی‌توان تنظیمات را در حین اتصال فعال بازنشانی کرد.</translation>
</message>
<message>
<location filename="../ui/qml/Pages2/PageSettingsApplication.qml" line="221"/>
<source>Color theme</source>
<translation>تم رنگی</translation>
</message>
<message>
<location filename="../ui/qml/Pages2/PageSettingsApplication.qml" line="222"/>
<source>System</source>
<translation>سیستم</translation>
</message>
<message>
<location filename="../ui/qml/Pages2/PageSettingsApplication.qml" line="222"/>
<source>Light</source>
<translation>روشن</translation>
</message>
<message>
<location filename="../ui/qml/Pages2/PageSettingsApplication.qml" line="222"/>
<source>Dark</source>
<translation>تیره</translation>
</message>
</context>
<context>
<name>SelectThemeDrawer</name>
<message>
<location filename="../ui/qml/Components/SelectThemeDrawer.qml" line="47"/>
<source>Color theme</source>
<translation>تم رنگی</translation>
</message>
<message>
<location filename="../ui/qml/Components/SelectThemeDrawer.qml" line="62"/>
<source>System</source>
<translation>سیستم</translation>
</message>
<message>
<location filename="../ui/qml/Components/SelectThemeDrawer.qml" line="63"/>
<source>Light</source>
<translation>روشن</translation>
</message>
<message>
<location filename="../ui/qml/Components/SelectThemeDrawer.qml" line="64"/>
<source>Dark</source>
<translation>تیره</translation>
</message>
</context>
<context>
<name>PageSettingsBackup</name>
Expand Down
79 changes: 79 additions & 0 deletions client/translations/amneziavpn_hi_IN.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -206,6 +206,42 @@
<translation>सेटिंग्स सफलतापूर्वक अपडेट हो गईं</translation>
</message>
</context>
<context>
<name>ConnectionUiController</name>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="58"/>
<source>Connecting...</source>
<translation>कनेक्ट...</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="65"/>
<source>Connected</source>
<translation>जुड़ा हुआ</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="74"/>
<source>Reconnecting...</source>
<translation>पुनः कनेक्ट हो रहा है...</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.h" line="65"/>
<location filename="../ui/controllers/connectionUiController.cpp" line="79"/>
<location filename="../ui/controllers/connectionUiController.cpp" line="94"/>
<location filename="../ui/controllers/connectionUiController.cpp" line="100"/>
<source>Connect</source>
<translation>कनेक्ट</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="84"/>
<source>Disconnecting...</source>
<translation>डिस्कनेक्ट हो रहा है...</translation>
</message>
<message>
<location filename="../ui/controllers/connectionUiController.cpp" line="89"/>
<source>Preparing...</source>
<translation>तैयार कर रहे हैं...</translation>
</message>
</context>
<context>
<name>ConnectionTypeSelectionDrawer</name>
<message>
Expand Down Expand Up @@ -2091,6 +2127,49 @@ Already installed containers were found on the server. All installed containers
<source>Cannot reset settings during active connection</source>
<translation>सक्रिय कनेक्शन के दौरान सेटिंग्स रीसेट नहीं की जा सकतीं</translation>
</message>
<message>
<location filename="../ui/qml/Pages2/PageSettingsApplication.qml" line="221"/>
<source>Color theme</source>
<translation>रंग थीम</translation>
</message>
<message>
<location filename="../ui/qml/Pages2/PageSettingsApplication.qml" line="222"/>
<source>System</source>
<translation>सिस्टम</translation>
</message>
<message>
<location filename="../ui/qml/Pages2/PageSettingsApplication.qml" line="222"/>
<source>Light</source>
<translation>हल्का</translation>
</message>
<message>
<location filename="../ui/qml/Pages2/PageSettingsApplication.qml" line="222"/>
<source>Dark</source>
<translation>गहरा</translation>
</message>
</context>
<context>
<name>SelectThemeDrawer</name>
<message>
<location filename="../ui/qml/Components/SelectThemeDrawer.qml" line="47"/>
<source>Color theme</source>
<translation>रंग थीम</translation>
</message>
<message>
<location filename="../ui/qml/Components/SelectThemeDrawer.qml" line="62"/>
<source>System</source>
<translation>सिस्टम</translation>
</message>
<message>
<location filename="../ui/qml/Components/SelectThemeDrawer.qml" line="63"/>
<source>Light</source>
<translation>हल्का</translation>
</message>
<message>
<location filename="../ui/qml/Components/SelectThemeDrawer.qml" line="64"/>
<source>Dark</source>
<translation>गहरा</translation>
</message>
</context>
<context>
<name>PageSettingsBackup</name>
Expand Down
Loading