diff --git a/Assets/MatugenTemplates/vesktop.css b/Assets/MatugenTemplates/vesktop.css index d3743c79..a4b7da11 100644 --- a/Assets/MatugenTemplates/vesktop.css +++ b/Assets/MatugenTemplates/vesktop.css @@ -145,4 +145,56 @@ span[class*="timestamp"]:hover time { .typing_b88801 .text_b88801 { color: var(--text-3) !important; opacity: 0.85 !important; +} + +[class*="postTitleText"], +[class*="postTitleText"] span, +h3[class*="postTitleText"], +[class*="heading-lg"][class*="postTitleText"], +[data-text-variant*="heading"] [class*="postTitleText"] { + color: var(--text-2) !important; + opacity: 0.9 !important; +} + +[class*="postTitleText"]:hover, +[class*="postTitleText"]:hover span, +h3[class*="postTitleText"]:hover { + color: var(--text-2) !important; + opacity: 1 !important; +} + +[class*="messageContent"], +[class*="markup"] { + line-height: 1.35 !important; + color: var(--text-3) !important; + opacity: 0.85 !important; +} + +[class*="messageContent"][class*="deleted"], +[class*="text-sm"][class*="messageContent"][class*="deleted"], +[data-text-variant*="text-sm"][class*="messageContent"][class*="deleted"] { + color: var(--text-3) !important; + opacity: 0.85 !important; +} + +[class*="messageContent"][class*="deleted"]:hover, +[class*="messageContent"][class*="deleted"]:hover span { + color: var(--text-2) !important; + opacity: 1 !important; +} + +/* Improve tooltip readability */ +[class*="tooltip"], +[class*="tooltip"] *, +[role="tooltip"], +[role="tooltip"] * { + color: var(--text-2) !important; +} + +[class*="tooltipText"], +[class*="tooltipContent"], +[class*="tooltip"] span, +[class*="tooltip"] div { + color: var(--text-2) !important; + opacity: 1 !important; } \ No newline at end of file diff --git a/Modules/Settings/Tabs/BarTab.qml b/Modules/Settings/Tabs/BarTab.qml index 639010e5..f138ccae 100644 --- a/Modules/Settings/Tabs/BarTab.qml +++ b/Modules/Settings/Tabs/BarTab.qml @@ -99,7 +99,16 @@ ColumnLayout { label: I18n.tr("settings.bar.appearance.floating.label") description: I18n.tr("settings.bar.appearance.floating.description") checked: Settings.data.bar.floating - onToggled: checked => Settings.data.bar.floating = checked + onToggled: checked => { + Settings.data.bar.floating = checked + if (checked) { + // Disable outer corners when floating is enabled + Settings.data.bar.outerCorners = false + } else { + // Enable outer corners when floating is disabled + Settings.data.bar.outerCorners = true + } + } } NToggle { @@ -107,6 +116,7 @@ ColumnLayout { label: I18n.tr("settings.bar.appearance.outer-corners.label") description: I18n.tr("settings.bar.appearance.outer-corners.description") checked: Settings.data.bar.outerCorners + visible: !Settings.data.bar.floating onToggled: checked => Settings.data.bar.outerCorners = checked }