Full-node GUI wallet for DragonX cryptocurrency. Built with Dear ImGui, SDL3, and OpenGL3/DX11. Features: - Send/receive shielded and transparent transactions - Autoshield with merged transaction display - Built-in CPU mining (xmrig) - Peer management and network monitoring - Wallet encryption with PIN lock - QR code generation for receive addresses - Transaction history with pagination - Console for direct RPC commands - Cross-platform (Linux, Windows)
385 lines
16 KiB
C++
385 lines
16 KiB
C++
// DragonX Wallet - ImGui Edition
|
|
// Copyright 2024-2026 The Hush Developers
|
|
// Released under the GPLv3
|
|
|
|
#include "theme.h"
|
|
#include "material/color_theme.h"
|
|
#include "schema/ui_schema.h"
|
|
#include "imgui.h"
|
|
|
|
namespace dragonx {
|
|
namespace ui {
|
|
|
|
// ============================================================================
|
|
// Current Acrylic Theme State
|
|
// ============================================================================
|
|
|
|
static AcrylicTheme s_currentAcrylicTheme;
|
|
static bool s_acrylicThemeInitialized = false;
|
|
|
|
// ============================================================================
|
|
// Acrylic Theme Presets
|
|
// ============================================================================
|
|
|
|
AcrylicTheme GetDragonXAcrylicTheme()
|
|
{
|
|
AcrylicTheme theme;
|
|
|
|
// Sidebar: Deep navy tint (DragonX brand)
|
|
// #1B2432 ≈ (0.106, 0.141, 0.196)
|
|
theme.sidebar.tintColor = ImVec4(0.11f, 0.14f, 0.20f, 1.0f);
|
|
theme.sidebar.tintOpacity = 0.85f;
|
|
theme.sidebar.luminosityOpacity = 0.4f;
|
|
theme.sidebar.blurRadius = 40.0f;
|
|
theme.sidebar.noiseOpacity = 0.02f;
|
|
theme.sidebar.fallbackColor = ImVec4(0.07f, 0.08f, 0.13f, 0.85f);
|
|
theme.sidebar.enabled = true;
|
|
|
|
// Popups: Dark navy with subtle blue tint
|
|
theme.popup.tintColor = ImVec4(0.09f, 0.11f, 0.16f, 1.0f);
|
|
theme.popup.tintOpacity = 0.80f;
|
|
theme.popup.luminosityOpacity = 0.5f;
|
|
theme.popup.blurRadius = 30.0f;
|
|
theme.popup.noiseOpacity = 0.02f;
|
|
theme.popup.fallbackColor = ImVec4(0.09f, 0.11f, 0.16f, 0.88f);
|
|
theme.popup.enabled = true;
|
|
|
|
// Cards: Subtle navy tint
|
|
theme.card.tintColor = ImVec4(0.10f, 0.13f, 0.18f, 1.0f);
|
|
theme.card.tintOpacity = 0.65f;
|
|
theme.card.luminosityOpacity = 0.6f;
|
|
theme.card.blurRadius = 20.0f;
|
|
theme.card.noiseOpacity = 0.015f;
|
|
theme.card.fallbackColor = ImVec4(0.10f, 0.13f, 0.18f, 0.80f);
|
|
theme.card.enabled = true;
|
|
|
|
// Context menus: Dark navy, crisp
|
|
theme.menu.tintColor = ImVec4(0.08f, 0.09f, 0.14f, 1.0f);
|
|
theme.menu.tintOpacity = 0.88f;
|
|
theme.menu.luminosityOpacity = 0.45f;
|
|
theme.menu.blurRadius = 25.0f;
|
|
theme.menu.noiseOpacity = 0.02f;
|
|
theme.menu.fallbackColor = ImVec4(0.08f, 0.09f, 0.14f, 0.88f);
|
|
theme.menu.enabled = true;
|
|
|
|
// Tooltips: Very transparent navy
|
|
theme.tooltip.tintColor = ImVec4(0.07f, 0.08f, 0.12f, 1.0f);
|
|
theme.tooltip.tintOpacity = 0.75f;
|
|
theme.tooltip.luminosityOpacity = 0.5f;
|
|
theme.tooltip.blurRadius = 15.0f;
|
|
theme.tooltip.noiseOpacity = 0.01f;
|
|
theme.tooltip.fallbackColor = ImVec4(0.07f, 0.08f, 0.12f, 0.95f);
|
|
theme.tooltip.enabled = true;
|
|
|
|
return theme;
|
|
}
|
|
|
|
AcrylicTheme GetDarkAcrylicTheme()
|
|
{
|
|
AcrylicTheme theme;
|
|
|
|
// Sidebar: Neutral dark
|
|
theme.sidebar.tintColor = ImVec4(0.12f, 0.12f, 0.14f, 1.0f);
|
|
theme.sidebar.tintOpacity = 0.80f;
|
|
theme.sidebar.luminosityOpacity = 0.5f;
|
|
theme.sidebar.blurRadius = 35.0f;
|
|
theme.sidebar.noiseOpacity = 0.02f;
|
|
theme.sidebar.fallbackColor = ImVec4(0.12f, 0.12f, 0.14f, 0.85f);
|
|
theme.sidebar.enabled = true;
|
|
|
|
// Popups
|
|
theme.popup.tintColor = ImVec4(0.14f, 0.14f, 0.16f, 1.0f);
|
|
theme.popup.tintOpacity = 0.78f;
|
|
theme.popup.luminosityOpacity = 0.5f;
|
|
theme.popup.blurRadius = 30.0f;
|
|
theme.popup.noiseOpacity = 0.02f;
|
|
theme.popup.fallbackColor = ImVec4(0.14f, 0.14f, 0.16f, 0.88f);
|
|
theme.popup.enabled = true;
|
|
|
|
// Cards
|
|
theme.card.tintColor = ImVec4(0.15f, 0.15f, 0.17f, 1.0f);
|
|
theme.card.tintOpacity = 0.65f;
|
|
theme.card.luminosityOpacity = 0.55f;
|
|
theme.card.blurRadius = 20.0f;
|
|
theme.card.noiseOpacity = 0.015f;
|
|
theme.card.fallbackColor = ImVec4(0.15f, 0.15f, 0.17f, 0.80f);
|
|
theme.card.enabled = true;
|
|
|
|
// Menus
|
|
theme.menu.tintColor = ImVec4(0.12f, 0.12f, 0.14f, 1.0f);
|
|
theme.menu.tintOpacity = 0.85f;
|
|
theme.menu.luminosityOpacity = 0.45f;
|
|
theme.menu.blurRadius = 25.0f;
|
|
theme.menu.noiseOpacity = 0.02f;
|
|
theme.menu.fallbackColor = ImVec4(0.12f, 0.12f, 0.14f, 0.88f);
|
|
theme.menu.enabled = true;
|
|
|
|
// Tooltips
|
|
theme.tooltip.tintColor = ImVec4(0.10f, 0.10f, 0.12f, 1.0f);
|
|
theme.tooltip.tintOpacity = 0.75f;
|
|
theme.tooltip.luminosityOpacity = 0.5f;
|
|
theme.tooltip.blurRadius = 15.0f;
|
|
theme.tooltip.noiseOpacity = 0.01f;
|
|
theme.tooltip.fallbackColor = ImVec4(0.10f, 0.10f, 0.12f, 0.95f);
|
|
theme.tooltip.enabled = true;
|
|
|
|
return theme;
|
|
}
|
|
|
|
AcrylicTheme GetLightAcrylicTheme()
|
|
{
|
|
AcrylicTheme theme;
|
|
|
|
// Sidebar: Light with slight tint
|
|
theme.sidebar.tintColor = ImVec4(0.96f, 0.96f, 0.98f, 1.0f);
|
|
theme.sidebar.tintOpacity = 0.82f;
|
|
theme.sidebar.luminosityOpacity = 0.7f;
|
|
theme.sidebar.blurRadius = 30.0f;
|
|
theme.sidebar.noiseOpacity = 0.015f;
|
|
theme.sidebar.fallbackColor = ImVec4(0.96f, 0.96f, 0.98f, 0.85f);
|
|
theme.sidebar.enabled = true;
|
|
|
|
// Popups
|
|
theme.popup.tintColor = ImVec4(1.0f, 1.0f, 1.0f, 1.0f);
|
|
theme.popup.tintOpacity = 0.85f;
|
|
theme.popup.luminosityOpacity = 0.75f;
|
|
theme.popup.blurRadius = 25.0f;
|
|
theme.popup.noiseOpacity = 0.015f;
|
|
theme.popup.fallbackColor = ImVec4(0.98f, 0.98f, 1.0f, 0.88f);
|
|
theme.popup.enabled = true;
|
|
|
|
// Cards
|
|
theme.card.tintColor = ImVec4(0.98f, 0.98f, 1.0f, 1.0f);
|
|
theme.card.tintOpacity = 0.70f;
|
|
theme.card.luminosityOpacity = 0.75f;
|
|
theme.card.blurRadius = 18.0f;
|
|
theme.card.noiseOpacity = 0.01f;
|
|
theme.card.fallbackColor = ImVec4(0.98f, 0.98f, 1.0f, 0.80f);
|
|
theme.card.enabled = true;
|
|
|
|
// Menus
|
|
theme.menu.tintColor = ImVec4(0.98f, 0.98f, 1.0f, 1.0f);
|
|
theme.menu.tintOpacity = 0.88f;
|
|
theme.menu.luminosityOpacity = 0.7f;
|
|
theme.menu.blurRadius = 22.0f;
|
|
theme.menu.noiseOpacity = 0.015f;
|
|
theme.menu.fallbackColor = ImVec4(0.98f, 0.98f, 1.0f, 0.88f);
|
|
theme.menu.enabled = true;
|
|
|
|
// Tooltips
|
|
theme.tooltip.tintColor = ImVec4(0.95f, 0.95f, 0.97f, 1.0f);
|
|
theme.tooltip.tintOpacity = 0.80f;
|
|
theme.tooltip.luminosityOpacity = 0.7f;
|
|
theme.tooltip.blurRadius = 12.0f;
|
|
theme.tooltip.noiseOpacity = 0.01f;
|
|
theme.tooltip.fallbackColor = ImVec4(0.95f, 0.95f, 0.97f, 0.95f);
|
|
theme.tooltip.enabled = true;
|
|
|
|
return theme;
|
|
}
|
|
|
|
const AcrylicTheme& GetCurrentAcrylicTheme()
|
|
{
|
|
if (!s_acrylicThemeInitialized) {
|
|
s_currentAcrylicTheme = GetDragonXAcrylicTheme();
|
|
s_acrylicThemeInitialized = true;
|
|
}
|
|
return s_currentAcrylicTheme;
|
|
}
|
|
|
|
void SetCurrentAcrylicTheme(const AcrylicTheme& theme)
|
|
{
|
|
s_currentAcrylicTheme = theme;
|
|
s_acrylicThemeInitialized = true;
|
|
}
|
|
|
|
// ============================================================================
|
|
// ImGui Theme Functions
|
|
// ============================================================================
|
|
|
|
void SetDragonXTheme()
|
|
{
|
|
ImGuiStyle& style = ImGui::GetStyle();
|
|
ImVec4* colors = style.Colors;
|
|
const auto& S = schema::UI();
|
|
|
|
// DragonX brand colors:
|
|
// Primary: Red (#F64740)
|
|
// Background: Navy (#121420 / #1B2432)
|
|
// Text: Blue-gray (#BFD1E5)
|
|
|
|
// Main background colors — navy palette
|
|
colors[ImGuiCol_WindowBg] = ImVec4(0.07f, 0.08f, 0.13f, 1.00f);
|
|
colors[ImGuiCol_ChildBg] = ImVec4(0.11f, 0.14f, 0.20f, 1.00f);
|
|
colors[ImGuiCol_PopupBg] = ImVec4(0.14f, 0.18f, 0.25f, 0.98f);
|
|
|
|
// Borders
|
|
colors[ImGuiCol_Border] = ImVec4(1.00f, 1.00f, 1.00f, 0.12f);
|
|
colors[ImGuiCol_BorderShadow] = ImVec4(0.00f, 0.00f, 0.00f, 0.00f);
|
|
|
|
// Frame backgrounds (inputs, checkboxes, etc.) — glass-card style
|
|
colors[ImGuiCol_FrameBg] = ImVec4(1.00f, 1.00f, 1.00f, 0.07f);
|
|
colors[ImGuiCol_FrameBgHovered] = ImVec4(1.00f, 1.00f, 1.00f, 0.10f);
|
|
colors[ImGuiCol_FrameBgActive] = ImVec4(1.00f, 1.00f, 1.00f, 0.15f);
|
|
|
|
// Title bar — navy
|
|
colors[ImGuiCol_TitleBg] = ImVec4(0.11f, 0.14f, 0.20f, 1.00f);
|
|
colors[ImGuiCol_TitleBgActive] = ImVec4(0.96f, 0.28f, 0.25f, 1.00f);
|
|
colors[ImGuiCol_TitleBgCollapsed] = ImVec4(0.07f, 0.08f, 0.13f, 0.75f);
|
|
|
|
// Menu bar — navy
|
|
colors[ImGuiCol_MenuBarBg] = ImVec4(0.11f, 0.14f, 0.20f, 1.00f);
|
|
|
|
// Scrollbar — minimal glass style
|
|
colors[ImGuiCol_ScrollbarBg] = ImVec4(0, 0, 0, 0);
|
|
colors[ImGuiCol_ScrollbarGrab] = ImVec4(1.0f, 1.0f, 1.0f, 15.0f / 255.0f);
|
|
colors[ImGuiCol_ScrollbarGrabHovered] = ImVec4(1.0f, 1.0f, 1.0f, 30.0f / 255.0f);
|
|
colors[ImGuiCol_ScrollbarGrabActive] = ImVec4(1.0f, 1.0f, 1.0f, 45.0f / 255.0f);
|
|
|
|
// Checkmarks, sliders — DragonX red
|
|
colors[ImGuiCol_CheckMark] = ImVec4(0.96f, 0.28f, 0.25f, 1.00f);
|
|
colors[ImGuiCol_SliderGrab] = ImVec4(0.96f, 0.28f, 0.25f, 1.00f);
|
|
colors[ImGuiCol_SliderGrabActive] = ImVec4(0.97f, 0.48f, 0.46f, 1.00f);
|
|
|
|
// Buttons — red accent
|
|
colors[ImGuiCol_Button] = ImVec4(0.96f, 0.28f, 0.25f, 0.80f);
|
|
colors[ImGuiCol_ButtonHovered] = ImVec4(0.96f, 0.28f, 0.25f, 1.00f);
|
|
colors[ImGuiCol_ButtonActive] = ImVec4(0.44f, 0.10f, 0.03f, 1.00f);
|
|
|
|
// Headers (collapsing headers, tree nodes, selectable, menu items)
|
|
colors[ImGuiCol_Header] = ImVec4(0.96f, 0.28f, 0.25f, 0.50f);
|
|
colors[ImGuiCol_HeaderHovered] = ImVec4(0.96f, 0.28f, 0.25f, 0.70f);
|
|
colors[ImGuiCol_HeaderActive] = ImVec4(0.96f, 0.28f, 0.25f, 1.00f);
|
|
|
|
// Separator — blue-gray
|
|
colors[ImGuiCol_Separator] = ImVec4(0.75f, 0.82f, 0.90f, 0.25f);
|
|
colors[ImGuiCol_SeparatorHovered] = ImVec4(0.96f, 0.28f, 0.25f, 0.78f);
|
|
colors[ImGuiCol_SeparatorActive] = ImVec4(0.96f, 0.28f, 0.25f, 1.00f);
|
|
|
|
// Resize grip
|
|
colors[ImGuiCol_ResizeGrip] = ImVec4(0.96f, 0.28f, 0.25f, 0.25f);
|
|
colors[ImGuiCol_ResizeGripHovered] = ImVec4(0.96f, 0.28f, 0.25f, 0.67f);
|
|
colors[ImGuiCol_ResizeGripActive] = ImVec4(0.96f, 0.28f, 0.25f, 0.95f);
|
|
|
|
// Tabs — navy + red accent
|
|
colors[ImGuiCol_Tab] = ImVec4(0.14f, 0.18f, 0.27f, 0.86f);
|
|
colors[ImGuiCol_TabHovered] = ImVec4(0.96f, 0.28f, 0.25f, 0.90f);
|
|
colors[ImGuiCol_TabSelected] = ImVec4(0.96f, 0.28f, 0.25f, 1.00f);
|
|
colors[ImGuiCol_TabSelectedOverline] = ImVec4(0.75f, 0.82f, 0.90f, 1.00f);
|
|
colors[ImGuiCol_TabDimmed] = ImVec4(0.09f, 0.11f, 0.16f, 0.97f);
|
|
colors[ImGuiCol_TabDimmedSelected] = ImVec4(0.44f, 0.10f, 0.03f, 1.00f);
|
|
|
|
// Plot colors — red accent, blue-gray secondary
|
|
colors[ImGuiCol_PlotLines] = ImVec4(0.96f, 0.28f, 0.25f, 1.00f);
|
|
colors[ImGuiCol_PlotLinesHovered] = ImVec4(0.75f, 0.82f, 0.90f, 1.00f);
|
|
colors[ImGuiCol_PlotHistogram] = ImVec4(0.96f, 0.28f, 0.25f, 1.00f);
|
|
colors[ImGuiCol_PlotHistogramHovered] = ImVec4(0.75f, 0.82f, 0.90f, 1.00f);
|
|
|
|
// Tables — navy palette
|
|
colors[ImGuiCol_TableHeaderBg] = ImVec4(0.14f, 0.18f, 0.27f, 1.00f);
|
|
colors[ImGuiCol_TableBorderStrong] = ImVec4(0.75f, 0.82f, 0.90f, 0.30f);
|
|
colors[ImGuiCol_TableBorderLight] = ImVec4(0.75f, 0.82f, 0.90f, 0.15f);
|
|
colors[ImGuiCol_TableRowBg] = ImVec4(0.00f, 0.00f, 0.00f, 0.00f);
|
|
colors[ImGuiCol_TableRowBgAlt] = ImVec4(0.75f, 0.82f, 0.90f, 0.03f);
|
|
|
|
// Text — blue-gray
|
|
colors[ImGuiCol_Text] = ImVec4(0.75f, 0.82f, 0.90f, 1.00f);
|
|
colors[ImGuiCol_TextDisabled] = ImVec4(0.55f, 0.64f, 0.74f, 0.60f);
|
|
colors[ImGuiCol_TextSelectedBg] = ImVec4(0.96f, 0.28f, 0.25f, 0.43f);
|
|
|
|
// Drag/drop — red accent
|
|
colors[ImGuiCol_DragDropTarget] = ImVec4(0.96f, 0.28f, 0.25f, 0.90f);
|
|
|
|
// Navigation highlight
|
|
colors[ImGuiCol_NavCursor] = ImVec4(0.00f, 0.00f, 0.00f, 0.00f);
|
|
colors[ImGuiCol_NavWindowingHighlight]= ImVec4(1.00f, 1.00f, 1.00f, 0.70f);
|
|
colors[ImGuiCol_NavWindowingDimBg] = ImVec4(0.80f, 0.80f, 0.80f, 0.20f);
|
|
|
|
// Modal window dim
|
|
colors[ImGuiCol_ModalWindowDimBg] = ImVec4(0.00f, 0.00f, 0.00f, 0.60f);
|
|
|
|
// Style adjustments (from UISchema)
|
|
auto brElem = S.drawElement("style", "border-radius");
|
|
style.WindowRounding = brElem.extraFloats.count("window") ? brElem.extraFloats.at("window") : 6.0f;
|
|
style.ChildRounding = brElem.extraFloats.count("child") ? brElem.extraFloats.at("child") : 4.0f;
|
|
style.FrameRounding = brElem.extraFloats.count("frame") ? brElem.extraFloats.at("frame") : 4.0f;
|
|
style.PopupRounding = brElem.extraFloats.count("popup") ? brElem.extraFloats.at("popup") : 4.0f;
|
|
style.ScrollbarRounding = brElem.extraFloats.count("scrollbar") ? brElem.extraFloats.at("scrollbar") : 4.0f;
|
|
style.GrabRounding = brElem.extraFloats.count("grab") ? brElem.extraFloats.at("grab") : 4.0f;
|
|
style.TabRounding = brElem.extraFloats.count("tab") ? brElem.extraFloats.at("tab") : 4.0f;
|
|
|
|
style.WindowTitleAlign = ImVec2(0.5f, 0.5f);
|
|
auto sElem = [&](const char* key, float fb) {
|
|
float v = S.drawElement("style", key).size;
|
|
return v >= 0 ? v : fb;
|
|
};
|
|
style.WindowPadding = ImVec2(sElem("window-padding-x", 10.0f), sElem("window-padding-y", 10.0f));
|
|
style.FramePadding = ImVec2(sElem("frame-padding-x", 8.0f), sElem("frame-padding-y", 4.0f));
|
|
style.ItemSpacing = ImVec2(sElem("item-spacing-x", 8.0f), sElem("item-spacing-y", 6.0f));
|
|
style.ItemInnerSpacing = ImVec2(sElem("item-inner-spacing-x", 6.0f), sElem("item-inner-spacing-y", 4.0f));
|
|
style.IndentSpacing = sElem("indent-spacing", 20.0f);
|
|
|
|
style.ScrollbarSize = sElem("scrollbar-size", 6.0f);
|
|
style.GrabMinSize = sElem("grab-min-size", 8.0f);
|
|
|
|
auto bwElem = S.drawElement("style", "border-width");
|
|
style.WindowBorderSize = bwElem.extraFloats.count("window") ? bwElem.extraFloats.at("window") : 1.0f;
|
|
style.ChildBorderSize = bwElem.extraFloats.count("child") ? bwElem.extraFloats.at("child") : 1.0f;
|
|
style.PopupBorderSize = bwElem.extraFloats.count("popup") ? bwElem.extraFloats.at("popup") : 1.0f;
|
|
style.FrameBorderSize = bwElem.extraFloats.count("frame") ? bwElem.extraFloats.at("frame") : 0.0f;
|
|
style.TabBorderSize = 0.0f;
|
|
|
|
style.AntiAliasedLines = true;
|
|
style.AntiAliasedFill = true;
|
|
|
|
// Set matching acrylic theme
|
|
SetCurrentAcrylicTheme(GetDragonXAcrylicTheme());
|
|
}
|
|
|
|
// ============================================================================
|
|
// Material Design Theme Functions
|
|
// ============================================================================
|
|
|
|
void SetDragonXMaterialTheme()
|
|
{
|
|
material::ApplyColorThemeToImGui(material::GetDragonXColorTheme());
|
|
SetCurrentAcrylicTheme(GetDragonXAcrylicTheme());
|
|
}
|
|
|
|
void SetDarkTheme()
|
|
{
|
|
material::ApplyColorThemeToImGui(material::GetMaterialDarkTheme());
|
|
SetCurrentAcrylicTheme(GetDarkAcrylicTheme());
|
|
}
|
|
|
|
void SetLightTheme()
|
|
{
|
|
material::ApplyColorThemeToImGui(material::GetMaterialLightTheme());
|
|
SetCurrentAcrylicTheme(GetLightAcrylicTheme());
|
|
}
|
|
|
|
bool SetThemeById(const std::string& themeId)
|
|
{
|
|
if (themeId == "dragonx") {
|
|
material::ApplyColorThemeToImGui(material::GetDragonXColorTheme());
|
|
SetCurrentAcrylicTheme(GetDragonXAcrylicTheme());
|
|
return true;
|
|
} else if (themeId == "dark") {
|
|
material::ApplyColorThemeToImGui(material::GetMaterialDarkTheme());
|
|
SetCurrentAcrylicTheme(GetDarkAcrylicTheme());
|
|
return true;
|
|
} else if (themeId == "light") {
|
|
material::ApplyColorThemeToImGui(material::GetMaterialLightTheme());
|
|
SetCurrentAcrylicTheme(GetLightAcrylicTheme());
|
|
return true;
|
|
}
|
|
|
|
// Theme not found - fall back to DragonX
|
|
material::ApplyColorThemeToImGui(material::GetDragonXColorTheme());
|
|
SetCurrentAcrylicTheme(GetDragonXAcrylicTheme());
|
|
return false;
|
|
}
|
|
|
|
} // namespace ui
|
|
} // namespace dragonx
|