github/gpt4all
1
0
Fork 0
mirror of https://github.com/nomic-ai/gpt4all.git synced 2025-06-24 14:32:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

light mode vs dark mode

Browse Source
This commit is contained in:
Lakshay Kansal 2023-07-26 15:42:07 -04:00 committed by AT
parent 6d03b3e500
commit fc1af4a234
4 changed files with 90 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
gpt4all-chat/mysettings.cpp
View File

@ -16,6 +16,7 @@ static QString default_userDefaultModel = "Application default";
static bool default_forceMetal = false; static bool default_forceMetal = false;
static QString default_lastVersionStarted = ""; static QString default_lastVersionStarted = "";
static int default_localDocsChunkSize = 256; static int default_localDocsChunkSize = 256;
static QString default_chatTheme = "Dark";
static int default_localDocsRetrievalSize = 3; static int default_localDocsRetrievalSize = 3;
static bool default_localDocsShowReferences = true; static bool default_localDocsShowReferences = true;
static QString default_networkAttribution = ""; static QString default_networkAttribution = "";
@ -474,6 +475,24 @@ void MySettings::setUserDefaultModel(const QString &u)
emit userDefaultModelChanged(); emit userDefaultModelChanged();
} }
QString MySettings::chatTheme() const
{
QSettings setting;
setting.sync();
return setting.value("chatTheme", default_chatTheme).toString();
}
void MySettings::setChatTheme(const QString &u)
{
if(chatTheme() == u)
return;
QSettings setting;
setting.setValue("chatTheme", u);
setting.sync();
emit chatThemeChanged();
}
bool MySettings::forceMetal() const bool MySettings::forceMetal() const
{ {
return m_forceMetal; return m_forceMetal;

4
gpt4all-chat/mysettings.h
View File

@ -15,6 +15,7 @@ class MySettings : public QObject
Q_PROPERTY(bool serverChat READ serverChat WRITE setServerChat NOTIFY serverChatChanged) Q_PROPERTY(bool serverChat READ serverChat WRITE setServerChat NOTIFY serverChatChanged)
Q_PROPERTY(QString modelPath READ modelPath WRITE setModelPath NOTIFY modelPathChanged) Q_PROPERTY(QString modelPath READ modelPath WRITE setModelPath NOTIFY modelPathChanged)
Q_PROPERTY(QString userDefaultModel READ userDefaultModel WRITE setUserDefaultModel NOTIFY userDefaultModelChanged) Q_PROPERTY(QString userDefaultModel READ userDefaultModel WRITE setUserDefaultModel NOTIFY userDefaultModelChanged)
Q_PROPERTY(QString chatTheme READ chatTheme WRITE setChatTheme NOTIFY chatThemeChanged)
Q_PROPERTY(bool forceMetal READ forceMetal WRITE setForceMetal NOTIFY forceMetalChanged) Q_PROPERTY(bool forceMetal READ forceMetal WRITE setForceMetal NOTIFY forceMetalChanged)
Q_PROPERTY(QString lastVersionStarted READ lastVersionStarted WRITE setLastVersionStarted NOTIFY lastVersionStartedChanged) Q_PROPERTY(QString lastVersionStarted READ lastVersionStarted WRITE setLastVersionStarted NOTIFY lastVersionStartedChanged)
Q_PROPERTY(int localDocsChunkSize READ localDocsChunkSize WRITE setLocalDocsChunkSize NOTIFY localDocsChunkSizeChanged) Q_PROPERTY(int localDocsChunkSize READ localDocsChunkSize WRITE setLocalDocsChunkSize NOTIFY localDocsChunkSizeChanged)
@ -70,6 +71,8 @@ public:
void setModelPath(const QString &p); void setModelPath(const QString &p);
QString userDefaultModel() const; QString userDefaultModel() const;
void setUserDefaultModel(const QString &u); void setUserDefaultModel(const QString &u);
QString chatTheme() const;
void setChatTheme(const QString &u);
bool forceMetal() const; bool forceMetal() const;
void setForceMetal(bool b); void setForceMetal(bool b);
@ -114,6 +117,7 @@ Q_SIGNALS:
void serverChatChanged(); void serverChatChanged();
void modelPathChanged(); void modelPathChanged();
void userDefaultModelChanged(); void userDefaultModelChanged();
void chatThemeChanged();
void forceMetalChanged(bool); void forceMetalChanged(bool);
void lastVersionStartedChanged(); void lastVersionStartedChanged();
void localDocsChunkSizeChanged(); void localDocsChunkSizeChanged();

65
gpt4all-chat/qml/ApplicationSettings.qml
View File

@ -18,18 +18,51 @@ MySettingsTab {
columns: 3 columns: 3
rowSpacing: 10 rowSpacing: 10
columnSpacing: 10 columnSpacing: 10
Label { Label {
id: defaultModelLabel id: themeLabel
text: qsTr("Default model:") text: qsTr("Theme:")
color: theme.textColor color: theme.textColor
Layout.row: 1 Layout.row: 1
Layout.column: 0 Layout.column: 0
} }
MyComboBox { MyComboBox {
id: comboBox id: themeBox
Layout.row: 1 Layout.row: 1
Layout.column: 1 Layout.column: 1
Layout.columnSpan: 1
Layout.minimumWidth: 50
Layout.fillWidth: false
model: ["Dark", "Light"]
Accessible.role: Accessible.ComboBox
Accessible.name: qsTr("ComboBox for displaying/picking the color theme")
Accessible.description: qsTr("Use this for picking the color them for the chat client to use")
function updateModel() {
themeBox.currentIndex = themeBox.indexOfValue(MySettings.chatTheme);
}
Component.onCompleted: {
themeBox.updateModel()
}
Connections {
target: MySettings
function onChatThemeChanged() {
themeBox.updateModel()
}
}
onActivated: {
MySettings.chatTheme = themeBox.currentText
}
}
Label {
id: defaultModelLabel
text: qsTr("Default model:")
color: theme.textColor
Layout.row: 2
Layout.column: 0
}
MyComboBox {
id: comboBox
Layout.row: 2
Layout.column: 1
Layout.columnSpan: 2 Layout.columnSpan: 2
Layout.minimumWidth: 350 Layout.minimumWidth: 350
Layout.fillWidth: true Layout.fillWidth: true
@ -57,14 +90,14 @@ MySettingsTab {
id: modelPathLabel id: modelPathLabel
text: qsTr("Download path:") text: qsTr("Download path:")
color: theme.textColor color: theme.textColor
Layout.row: 2 Layout.row: 3
Layout.column: 0 Layout.column: 0
} }
MyDirectoryField { MyDirectoryField {
id: modelPathDisplayField id: modelPathDisplayField
text: MySettings.modelPath text: MySettings.modelPath
implicitWidth: 300 implicitWidth: 300
Layout.row: 2 Layout.row: 3
Layout.column: 1 Layout.column: 1
Layout.fillWidth: true Layout.fillWidth: true
ToolTip.text: qsTr("Path where model files will be downloaded to") ToolTip.text: qsTr("Path where model files will be downloaded to")
@ -81,7 +114,7 @@ MySettingsTab {
} }
} }
MyButton { MyButton {
Layout.row: 2 Layout.row: 3
Layout.column: 2 Layout.column: 2
text: qsTr("Browse") text: qsTr("Browse")
Accessible.description: qsTr("Opens a folder picker dialog to choose where to save model files") Accessible.description: qsTr("Opens a folder picker dialog to choose where to save model files")
@ -95,7 +128,7 @@ MySettingsTab {
id: nThreadsLabel id: nThreadsLabel
text: qsTr("CPU Threads:") text: qsTr("CPU Threads:")
color: theme.textColor color: theme.textColor
Layout.row: 3 Layout.row: 4
Layout.column: 0 Layout.column: 0
} }
MyTextField { MyTextField {
@ -103,7 +136,7 @@ MySettingsTab {
color: theme.textColor color: theme.textColor
ToolTip.text: qsTr("Amount of processing threads to use bounded by 1 and number of logical processors") ToolTip.text: qsTr("Amount of processing threads to use bounded by 1 and number of logical processors")
ToolTip.visible: hovered ToolTip.visible: hovered
Layout.row: 3 Layout.row: 4
Layout.column: 1 Layout.column: 1
validator: IntValidator { validator: IntValidator {
bottom: 1 bottom: 1
@ -125,12 +158,12 @@ MySettingsTab {
id: saveChatsLabel id: saveChatsLabel
text: qsTr("Save chats to disk:") text: qsTr("Save chats to disk:")
color: theme.textColor color: theme.textColor
Layout.row: 4 Layout.row: 5
Layout.column: 0 Layout.column: 0
} }
MyCheckBox { MyCheckBox {
id: saveChatsBox id: saveChatsBox
Layout.row: 4 Layout.row: 5
Layout.column: 1 Layout.column: 1
checked: MySettings.saveChats checked: MySettings.saveChats
onClicked: { onClicked: {
@ -144,12 +177,12 @@ MySettingsTab {
id: saveChatGPTChatsLabel id: saveChatGPTChatsLabel
text: qsTr("Save ChatGPT chats to disk:") text: qsTr("Save ChatGPT chats to disk:")
color: theme.textColor color: theme.textColor
Layout.row: 5 Layout.row: 6
Layout.column: 0 Layout.column: 0
} }
MyCheckBox { MyCheckBox {
id: saveChatGPTChatsBox id: saveChatGPTChatsBox
Layout.row: 5 Layout.row: 6
Layout.column: 1 Layout.column: 1
checked: MySettings.saveChatGPTChats checked: MySettings.saveChatGPTChats
onClicked: { onClicked: {
@ -160,12 +193,12 @@ MySettingsTab {
id: serverChatLabel id: serverChatLabel
text: qsTr("Enable API server:") text: qsTr("Enable API server:")
color: theme.textColor color: theme.textColor
Layout.row: 6 Layout.row: 7
Layout.column: 0 Layout.column: 0
} }
MyCheckBox { MyCheckBox {
id: serverChatBox id: serverChatBox
Layout.row: 6 Layout.row: 7
Layout.column: 1 Layout.column: 1
checked: MySettings.serverChat checked: MySettings.serverChat
onClicked: { onClicked: {
@ -175,7 +208,7 @@ MySettingsTab {
ToolTip.visible: hovered ToolTip.visible: hovered
} }
Rectangle { Rectangle {
Layout.row: 7 Layout.row: 8
Layout.column: 0 Layout.column: 0
Layout.columnSpan: 3 Layout.columnSpan: 3
Layout.fillWidth: true Layout.fillWidth: true

34
gpt4all-chat/qml/Theme.qml
View File

@ -1,25 +1,27 @@
import QtCore import QtCore
import QtQuick import QtQuick
import QtQuick.Controls.Basic import QtQuick.Controls.Basic
import mysettings
QtObject { QtObject {
property color textColor: "#d1d5db" property color textColor: MySettings.chatTheme == "Dark" ? "#d1d5db" : "#2e2e34"
property color textAccent: "#8e8ea0" property color textAccent: MySettings.chatTheme == "Dark" ? "#8e8ea0" : "#71717f"
property color mutedTextColor: backgroundLightest property color mutedTextColor: MySettings.chatTheme == "Dark" ? backgroundLightest : "#AFAFB5"
property color textErrorColor: "red" property color backgroundDarkest: MySettings.chatTheme == "Dark" ? "#1c1f21" : "#e3e3e5"
property color backgroundDarkest: "#1c1f21" property color backgroundDarker: MySettings.chatTheme == "Dark" ? "#1e2123" : "#e0dedc"
property color backgroundDarker: "#1e2123" property color backgroundDark: MySettings.chatTheme == "Dark" ? "#222527" : "#D2D1D5"
property color backgroundDark: "#222527" property color backgroundLight: MySettings.chatTheme == "Dark" ? "#343541" : "#FFFFFF"
property color backgroundLight: "#343541" property color backgroundLighter: MySettings.chatTheme == "Dark" ? "#444654" : "#F7F7F8"
property color backgroundLighter: "#444654" property color backgroundLightest: MySettings.chatTheme == "Dark" ? "#7d7d8e" : "#82827a"
property color backgroundLightest: "#7d7d8e" property color backgroundAccent: MySettings.chatTheme == "Dark" ? "#40414f" : "#E3E3E6"
property color backgroundAccent: "#40414f" property color buttonBorder: MySettings.chatTheme == "Dark" ? "#565869" : "#a9a9b0"
property color buttonBorder: "#565869" property color dialogBorder: MySettings.chatTheme == "Dark" ? "#d1d5db" : "#2e2e34"
property color dialogBorder: "#d1d5db" property color userColor: MySettings.chatTheme == "Dark" ? "#ec86bf" : "#137382"
property color userColor: "#ec86bf" property color linkColor: MySettings.chatTheme == "Dark" ? "#55aaff" : "#aa5500"
property color tabBorder: MySettings.chatTheme == "Dark" ? backgroundLight : backgroundDark
property color assistantColor: "#10a37f" property color assistantColor: "#10a37f"
property color linkColor: "#55aaff" property color textErrorColor: "red"
property color tabBorder: backgroundLight
property real fontSizeLarge: Qt.application.font.pixelSize property real fontSizeLarge: Qt.application.font.pixelSize
property real fontSizeLarger: Qt.application.font.pixelSize + 2 property real fontSizeLarger: Qt.application.font.pixelSize + 2
} }