logos-blockchain/lez-programs
1
0
Fork 0
mirror of https://github.com/logos-blockchain/lez-programs.git synced 2026-05-19 07:29:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore(amm-ui): update styles to match the liquidity page

Browse Source
This commit is contained in:
Andrea Franz 2026-04-29 15:53:55 +02:00 committed by r4bbit
parent 06a141ef6e
commit 37fc2ea088
1 changed files with 24 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
amm-ui/qml/Main.qml
View File

@ -42,51 +42,43 @@ Item {
// Trade view theme — scoped here, invisible to NavBar and LP view. // Trade view theme — scoped here, invisible to NavBar and LP view.
QtObject { QtObject {
id: theme id: theme
property bool isDark: false property bool isDark: true
property var colors: isDark ? dark : light property var colors: isDark ? dark : light
readonly property var light: ({ readonly property var light: ({
background: "#f7f7f5", background: "#f4ede3",
cardBg: "#ffffff", cardBg: "#ffffff",
inputBg: "#f0f0ee", inputBg: "#efe7db",
panelBg: "#e8e8e4", panelBg: "#e7e1d8",
panelHoverBg: "#ddddd8", panelHoverBg: "#d9d0c2",
textPrimary: "#111111", textPrimary: "#151515",
textSecondary: "#777770", textSecondary: "#7d756e",
textPlaceholder: "#bbbbb5", textPlaceholder: "#a9a098",
border: Qt.rgba(0,0,0,0.08), border: Qt.rgba(0,0,0,0.08),
borderStrong: Qt.rgba(0,0,0,0.10), borderStrong: Qt.rgba(0,0,0,0.10),
divider: Qt.rgba(0,0,0,0.06), divider: Qt.rgba(0,0,0,0.06),
ctaBg: "#111111", ctaBg: "#f26a21",
ctaHoverBg: "#2a2a28", ctaHoverBg: "#d95c1e",
selection: "#b5c4a5", selection: "#f2d8c7",
noTokenCircle: "#c8c8c4", noTokenCircle: "#a9a098"
orb1: "#7a8c6a",
orb2: "#b5c4a5",
orb3: "#7a8c6a",
orb4: "#c8d4b8"
}) })
readonly property var dark: ({ readonly property var dark: ({
background: "#0d0d12", background: "#151515",
cardBg: "#1a1a22", cardBg: "#1b1b1b",
inputBg: "#222230", inputBg: "#101010",
panelBg: "#2a2a38", panelBg: "#181818",
panelHoverBg: "#363650", panelHoverBg: "#202020",
textPrimary: "#ffffff", textPrimary: "#e7e1d8",
textSecondary: "#888899", textSecondary: "#a9a098",
textPlaceholder: "#444455", textPlaceholder: "#8e8780",
border: Qt.rgba(1,1,1,0.08), border: Qt.rgba(1,1,1,0.08),
borderStrong: Qt.rgba(1,1,1,0.10), borderStrong: Qt.rgba(1,1,1,0.10),
divider: Qt.rgba(1,1,1,0.06), divider: Qt.rgba(1,1,1,0.06),
ctaBg: "#2d1530", ctaBg: "#f26a21",
ctaHoverBg: "#3d1f40", ctaHoverBg: "#ff8a3d",
selection: "#4c1d4b", selection: "#211914",
noTokenCircle: "#444455", noTokenCircle: "#343434"
orb1: "#627eea",
orb2: "#9b59b6",
orb3: "#fc72ff",
orb4: "#26a17b"
}) })
} }
@ -117,12 +109,6 @@ Item {
} }
} }
// Decorative orbs
Rectangle { x: -180; y: -120; width: 560; height: 560; radius: 280; color: theme.colors.orb1; opacity: 0.07 }
Rectangle { x: parent.width - 280; y: parent.height - 320; width: 480; height: 480; radius: 240; color: theme.colors.orb2; opacity: 0.09 }
Rectangle { x: parent.width - 200; y: -80; width: 380; height: 380; radius: 190; color: theme.colors.orb3; opacity: 0.05 }
Rectangle { x: 40; y: parent.height - 260; width: 320; height: 320; radius: 160; color: theme.colors.orb4; opacity: 0.08 }
ColumnLayout { ColumnLayout {
anchors.centerIn: parent anchors.centerIn: parent
spacing: 28 spacing: 28