Bootstrap is an attached property

4 files changed, 79 insertions, 121 deletions

diff --git a/Bootstrap.qml b/Bootstrap.qml
deleted file mode 100644
index 1738816..0000000
--- a/Bootstrap.qml
+++ /dev/null
@@ -1,104 +0,0 @@
-pragma Singleton
-import QtQuick 2.15
-
-QtObject {
-	enum Theme {
-		Light = 0,
-		Dark
-	}
-	property int theme: Bootstrap.Theme.Light
-
-	property color accordionBg: bodyBg
-
-	property real badgeFontSize: 13.6
-
-	property color bodyColor: theme ? "#a1a1a8" : "#747579"
-	property color bodyBg: theme ? "#222529" : "#ffffff"
-
-	property color borderColor: theme ? "#12ffffff" : gray200
-	property real borderRadius: 5.2
-
-	property real boxShadowOffsetX: 0
-	property real boxShadowOffsetY: 0
-	property int boxShadowBlurRadius: 40
-	property color boxShadowColor: "#261d3a53"
-
-	property real btnPaddingX: 16
-	property real btnPaddingY: 8
-
-	property color btnColor: "#747579"
-	property color btnBg: "transparent"
-	property color btnBorderColor: btnBg
-	property real btnBorderWidth: 1
-	property real btnBorderRadius: 5.2
-	property real btnLgFontSize: 16
-	property real btnLgBorderRadius: 8
-
-	property color primary: "#066ac9"
-	property color secondary: "#9a9ea4"
-	property color success: "#0cbc87"
-	property color danger: "#d6293e"
-	property color light: theme ? "#2a2c31" : "#f5f7f9"
-	property color dark: theme ? "#0f0f10" : "#24292d"
-	property color tertiaryBg: theme ? "#2b3035" : "#f8f9fa"
-
-	property color btnPrimaryColor: "#ffffff"
-	property color btnPrimaryBg: primary
-	property color btnPrimaryBorderColor: primary
-	property color btnPrimaryActiveColor: btnPrimaryColor
-	property color btnPrimaryActiveBg: "#0555a1"
-	property color btnPrimaryActiveBorderColor: "#055097"
-	property color btnPrimaryDisabledColor: "#a6ffffff"
-	property color btnPrimaryDisabledBg: "#a6066ac9"
-	property color btnPrimaryDisabledBorderColor: btnPrimaryDisabledBg
-
-	property color btnOutlinePrimaryColor: primary
-	property color btnOutlinePrimaryBg: btnBg
-	property color btnOutlinePrimaryBorderColor: primary
-	property color btnOutlinePrimaryActiveColor: btnPrimaryColor
-	property color btnOutlinePrimaryActiveBg: primary
-	property color btnOutlinePrimaryActiveBorderColor: primary
-	property color btnOutlinePrimaryDisabledColor:
-						btnPrimaryDisabledColor
-	property color btnOutlinePrimaryDisabledBg: btnBg
-	property color btnOutlinePrimaryDisabledBorderColor:
-						btnPrimaryDisabledColor
-
-	property color btnSuccessColor: btnPrimaryColor
-	property color btnSuccessBg: success
-	property color btnSuccessBorderColor: success
-	property color btnSuccessActiveColor: btnSuccessColor
-	property color btnSuccessActiveBg: "#0a966c"
-	property color btnSuccessActiveBorderColor: "#098d65"
-	property color btnSuccessDisabledColor: btnPrimaryDisabledColor
-	property color btnSuccessDisabledBg: "#a60cbc87"
-	property color btnSuccessDisabledBorderColor: btnSuccessDisabledBg
-
-	property color btnLightColor: "#000000"
-	property color btnLightBg: "#f5f7f9"
-	property color btnLightBorderColor: btnLightBg
-	property color btnLightActiveColor: btnLightColor
-	property color btnLightActiveBg: "#c4c6c7"
-	property color btnLightActiveBorderColor: "#b8b9bb"
-	property color btnLightDisabledColor: "#a6000000"
-	property color btnLightDisabledBg: "#a6f5f7f9"
-	property color btnLightDisabledBorderColor: btnLightDisabledBg
-
-	property color cardBg: theme ? "#1b1e21" : "#ffffff"
-	property color cardTitleColor: theme ? "#f7f5f5" : "#24292d"
-
-	property color dropdownColor: "#747579"
-	property color dropdownLinkColor: theme ? "#c5c6cc" : "#747579"
-	property color dropdownLinkHoverColor: "#066ac9"
-	property color dropdownLinkHoverBg: "#1a066ac9"
-
-	property color headingColor: theme ? "#ffffff" : "#24292d"
-
-	property color gray200: theme ? "#464950" : "#eff1f2"
-	property color gray300: theme ? "#3e3e40" : "#dde0e3"
-	property color gray500: theme ? "#bfc0c9" : "#9a9ea4"
-	property color gray600: theme ? "#c5c6cc" : "#747579"
-	property color gray700: theme ? "#f3f1f1" : "#404448"
-	property color gray800: theme ? "#f7f5f5" : "#24292d"
-	property color gray900: theme ? "#ffffff" : "#0b0f13"
-}
diff --git a/bootstrap.cxx b/bootstrap.cxx
index bf9a499..7a03b8f 100644
--- a/bootstrap.cxx
+++ b/bootstrap.cxx
@@ -1,8 +1,11 @@
 #include "bootstrap.hxx"
 
 Bootstrap::Bootstrap(QObject *parent):
-	QQmlEngineExtensionPlugin(parent),
-	m_purpose(None)
+	QObject(parent),
+	bs_mode(LightMode),
+	bs_theme(None),
+	bs_lightBodyBg("#fff"),
+	bs_darkBodyBg("#212529")
 {
 }
 
@@ -11,14 +14,46 @@ Bootstrap *Bootstrap::qmlAttachedProperties(QObject *object)
 	return new Bootstrap(object);
 }
 
-Bootstrap::Purpose Bootstrap::purpose() const
+Bootstrap::Mode Bootstrap::mode() const
 {
-	return m_purpose;
+	return bs_mode;
 }
 
-void Bootstrap::setPurpose(Purpose purpose)
+void Bootstrap::setMode(Mode mode)
 {
-	if (purpose == m_purpose) return;
-	m_purpose = purpose;
-	emit purposeChanged();
+	if (mode == bs_mode) return;
+	bs_mode = mode;
+	emit modeChanged();
+	emit bodyBgChanged();
+}
+
+Bootstrap::Theme Bootstrap::theme() const
+{
+	return bs_theme;
+}
+
+void Bootstrap::setTheme(Theme theme)
+{
+	if (theme == bs_theme) return;
+	bs_theme = theme;
+	emit themeChanged();
+}
+
+QColor Bootstrap::bodyBg() const
+{
+	return bs_mode ? bs_darkBodyBg : bs_lightBodyBg;
+}
+
+void Bootstrap::setLightBodyBg(QColor lightBodyBg)
+{
+	if (lightBodyBg == bs_lightBodyBg) return;
+	bs_lightBodyBg = lightBodyBg;
+	emit bodyBgChanged();
+}
+
+void Bootstrap::setDarkBodyBg(QColor darkBodyBg)
+{
+	if (darkBodyBg == bs_darkBodyBg) return;
+	bs_darkBodyBg = darkBodyBg;
+	emit bodyBgChanged();
 }
diff --git a/bootstrap.hxx b/bootstrap.hxx
index dc1a1dd..2297be0 100644
--- a/bootstrap.hxx
+++ b/bootstrap.hxx
@@ -2,18 +2,35 @@
 #define BOOTSTRAP_HXX
 
 #include <QtQml>
+#include <QColor>
 
-class Bootstrap : public QQmlEngineExtensionPlugin
+class BootstrapPlugin : public QQmlEngineExtensionPlugin
 {
 	Q_OBJECT
 	Q_PLUGIN_METADATA(IID QQmlEngineExtensionInterface_iid)
-	Q_PROPERTY(Purpose purpose READ purpose WRITE setPurpose NOTIFY purposeChanged)
+};
+
+class Bootstrap : public QObject
+{
+	Q_OBJECT
+	Q_PROPERTY(Mode mode READ mode WRITE setMode NOTIFY modeChanged)
+	Q_PROPERTY(Theme theme READ theme WRITE setTheme NOTIFY themeChanged)
+	Q_PROPERTY(QColor bodyBg READ bodyBg NOTIFY bodyBgChanged)
+	Q_PROPERTY(QColor lightBodyBg WRITE setLightBodyBg)
+	Q_PROPERTY(QColor darkBodyBg WRITE setDarkBodyBg)
+	QML_ELEMENT
+	QML_UNCREATABLE("Bootstrap is an attached property")
 
 	public:
 		explicit Bootstrap(QObject *parent = nullptr);
 		static Bootstrap *qmlAttachedProperties(QObject *object);
 
-		enum Purpose {
+		enum Mode {
+			LightMode,
+			DarkMode
+		};
+		Q_ENUM(Mode)
+		enum Theme {
 			None,
 			Primary,
 			Secondary,
@@ -25,15 +42,26 @@ class Bootstrap : public QQmlEngineExtensionPlugin
 			Dark,
 			Link
 		};
-		Q_ENUM(Purpose)
-		Purpose purpose() const;
-		void setPurpose(Purpose purpose);
+		Q_ENUM(Theme)
+
+		Mode mode() const;
+		void setMode(Mode mode);
+		Theme theme() const;
+		void setTheme(Theme theme);
+		QColor bodyBg() const;
+		void setLightBodyBg(QColor lightBodyBg);
+		void setDarkBodyBg(QColor darkBodyBg);
 
 	signals:
-		void purposeChanged();
+		void modeChanged();
+		void themeChanged();
+		void bodyBgChanged();
 
 	private:
-		Purpose m_purpose;
+		Mode bs_mode;
+		Theme bs_theme;
+		QColor bs_lightBodyBg;
+		QColor bs_darkBodyBg;
 };
 
 QML_DECLARE_TYPEINFO(Bootstrap, QML_HAS_ATTACHED_PROPERTIES)
diff --git a/qmldir b/qmldir
index 1972b60..7b7e0bb 100644
--- a/qmldir
+++ b/qmldir
@@ -1,3 +1,2 @@
 module Bootstrap
-singleton Bootstrap 5.3 Bootstrap.qml
 plugin qqc2bootstrap