From 4a100314c4132d8db664088d49c627e77e1a9cc9 Mon Sep 17 00:00:00 2001 From: tkashkin Date: Tue, 8 Oct 2024 02:12:54 +0300 Subject: [PATCH] chat: Initial chat styling Beta fixes --- adwaita/css/_root/colors.css | 5 + adwaita/css/_root/icons.css | 6 +- adwaita/css/chat/chat.css | 164 +++- adwaita/css/chat/messages.css | 418 +++++++++ adwaita/css/chat/sidebar.css | 825 ++++++++++++++++++ adwaita/css/dialogs/appproperties.css | 6 +- adwaita/css/dialogs/pagedsettings/rows.css | 4 + adwaita/css/dialogs/settings.css | 8 +- adwaita/css/main/headerbar/buttons.css | 507 +++++------ adwaita/css/main/library/sidebar/gamelist.css | 1 - adwaita/css/widgets/avatars.css | 146 ++-- adwaita/css/widgets/scrollbars.css | 41 +- adwaita/css/widgets/windows.css | 171 ++-- adwaita/extras/library/sidebar_hover.css | 2 +- install.py | 2 + theme.json | 8 +- 16 files changed, 1814 insertions(+), 500 deletions(-) create mode 100644 adwaita/css/chat/messages.css create mode 100644 adwaita/css/chat/sidebar.css diff --git a/adwaita/css/_root/colors.css b/adwaita/css/_root/colors.css index d3d002a..ff323f6 100644 --- a/adwaita/css/_root/colors.css +++ b/adwaita/css/_root/colors.css @@ -86,4 +86,9 @@ /* Miscellaneous */ --adw-shade-rgb: 0, 0, 0; --adw-shade-a: 0.36; + + /* Skin-specific */ + --adw-user-offline-rgb: 128, 128, 128; + --adw-user-online-rgb: 120, 174, 237; + --adw-user-ingame-rgb: 143, 240, 164; } diff --git a/adwaita/css/_root/icons.css b/adwaita/css/_root/icons.css index d571f5f..f89ac02 100644 --- a/adwaita/css/_root/icons.css +++ b/adwaita/css/_root/icons.css @@ -6,6 +6,8 @@ --adw-icon-window-minimize: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDQgMTAuMDA3ODEyIGggOCB2IDEuOTg4MjgyIGggLTggeiBtIDAgMCIvPgo8L3N2Zz4K'); --adw-icon-window-restore: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDQuOTg4MjgxIDQuOTkyMTg4IHYgNi4wMTE3MTggaCA2LjAxMTcxOSB2IC02LjAxMTcxOCB6IG0gMiAyIGggMi4wMTE3MTkgdiAyLjAxMTcxOCBoIC0yLjAxMTcxOSB6IG0gMCAwIi8+Cjwvc3ZnPgo='); + --adw-icon-sidebar: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PGcgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0ibSA2LjUgMTQgdiAtMTIgaCAtNSB2IDEyIHogbSAwIDAiIGZpbGwtb3BhY2l0eT0iMC4zNSIvPjxwYXRoIGQ9Im0gMyAxIGMgLTEuNjQ0NTMxIDAgLTMgMS4zNTU0NjkgLTMgMyB2IDggYyAwIDEuNjQ0NTMxIDEuMzU1NDY5IDMgMyAzIGggMTAgYyAxLjY0NDUzMSAwIDMgLTEuMzU1NDY5IDMgLTMgdiAtOCBjIDAgLTEuNjQ0NTMxIC0xLjM1NTQ2OSAtMyAtMyAtMyB6IG0gMCAyIGggMTAgYyAwLjU3MDMxMiAwIDEgMC40Mjk2ODggMSAxIHYgOCBjIDAgMC41NzAzMTIgLTAuNDI5Njg4IDEgLTEgMSBoIC0xMCBjIC0wLjU3MDMxMiAwIC0xIC0wLjQyOTY4OCAtMSAtMSB2IC04IGMgMCAtMC41NzAzMTIgMC40Mjk2ODggLTEgMSAtMSB6IG0gMCAwIi8+PHBhdGggZD0ibSA2IDIgaCAxIHYgMTIgaCAtMSB6IG0gMCAwIi8+PC9nPjwvc3ZnPgo='); + --adw-icon-nav-store: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDEgNCB2IDggYyAwIDEuMTA5Mzc1IDAuODkwNjI1IDIgMiAyIGggMTAgYyAxLjEwOTM3NSAwIDIgLTAuODkwNjI1IDIgLTIgdiAtOCB6IG0gNyAxLjc1IGMgMC42OTE0MDYgMCAxLjI1IDAuNTU4NTk0IDEuMjUgMS4yNSBzIC0wLjU1ODU5NCAxLjI1IC0xLjI1IDEuMjUgcyAtMS4yNSAtMC41NTg1OTQgLTEuMjUgLTEuMjUgcyAwLjU1ODU5NCAtMS4yNSAxLjI1IC0xLjI1IHogbSAtMiAzIGMgMC42OTE0MDYgMCAxLjI1IDAuNTU4NTk0IDEuMjUgMS4yNSBzIC0wLjU1ODU5NCAxLjI1IC0xLjI1IDEuMjUgcyAtMS4yNSAtMC41NTg1OTQgLTEuMjUgLTEuMjUgcyAwLjU1ODU5NCAtMS4yNSAxLjI1IC0xLjI1IHogbSA0IDAgYyAwLjY5MTQwNiAwIDEuMjUgMC41NTg1OTQgMS4yNSAxLjI1IHMgLTAuNTU4NTk0IDEuMjUgLTEuMjUgMS4yNSBzIC0xLjI1IC0wLjU1ODU5NCAtMS4yNSAtMS4yNSBzIDAuNTU4NTk0IC0xLjI1IDEuMjUgLTEuMjUgeiBtIDAgMCIvPgogICAgPHBhdGggZD0ibSA2IDEgbCAtMSAxIHYgMyBoIDIgdiAtMyBoIDIgdiAzIGggMiB2IC0zIGwgLTEgLTEgeiBtIDAgMCIvPgo8L3N2Zz4K'); --adw-icon-nav-library: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSAzIDEgYyAtMS4wODk4NDQgMCAtMiAwLjkxMDE1NiAtMiAyIHYgMiBjIDAgMS4wODk4NDQgMC45MTAxNTYgMiAyIDIgaCAyIGMgMS4wODk4NDQgMCAyIC0wLjkxMDE1NiAyIC0yIHYgLTIgYyAwIC0xLjA4OTg0NCAtMC45MTAxNTYgLTIgLTIgLTIgeiBtIDggMCBjIC0xLjA4OTg0NCAwIC0yIDAuOTEwMTU2IC0yIDIgdiAyIGMgMCAxLjA4OTg0NCAwLjkxMDE1NiAyIDIgMiBoIDIgYyAxLjA4OTg0NCAwIDIgLTAuOTEwMTU2IDIgLTIgdiAtMiBjIDAgLTEuMDg5ODQ0IC0wLjkxMDE1NiAtMiAtMiAtMiB6IG0gLTggOCBjIC0xLjA4OTg0NCAwIC0yIDAuOTEwMTU2IC0yIDIgdiAyIGMgMCAxLjA4OTg0NCAwLjkxMDE1NiAyIDIgMiBoIDIgYyAxLjA4OTg0NCAwIDIgLTAuOTEwMTU2IDIgLTIgdiAtMiBjIDAgLTEuMDg5ODQ0IC0wLjkxMDE1NiAtMiAtMiAtMiB6IG0gOCAwIGMgLTEuMDg5ODQ0IDAgLTIgMC45MTAxNTYgLTIgMiB2IDIgYyAwIDEuMDg5ODQ0IDAuOTEwMTU2IDIgMiAyIGggMiBjIDEuMDg5ODQ0IDAgMiAtMC45MTAxNTYgMiAtMiB2IC0yIGMgMCAtMS4wODk4NDQgLTAuOTEwMTU2IC0yIC0yIC0yIHogbSAwIDAiLz48L3N2Zz4K'); --adw-icon-nav-community: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+PHBhdGggZD0ibSA1IDEgYyAtMS4zNzg5MDYgMCAtMi41IDEuMTIxMDk0IC0yLjUgMi41IGMgMCAxLjM4MjgxMiAxLjEyMTA5NCAyLjUgMi41IDIuNSBjIDEuMzgyODEyIDAgMi41IC0xLjExNzE4OCAyLjUgLTIuNSBjIDAgLTEuMzc4OTA2IC0xLjExNzE4OCAtMi41IC0yLjUgLTIuNSB6IG0gNiAzIGMgLTEuMzc4OTA2IDAgLTIuNSAxLjEyMTA5NCAtMi41IDIuNSBjIDAgMS4zODI4MTIgMS4xMjEwOTQgMi41IDIuNSAyLjUgYyAxLjM4MjgxMiAwIDIuNSAtMS4xMTcxODggMi41IC0yLjUgYyAwIC0xLjM3ODkwNiAtMS4xMTcxODggLTIuNSAtMi41IC0yLjUgeiBtIC04IDMgYyAtMS42NjAxNTYgMCAtMyAxLjMzOTg0NCAtMyAzIHYgMiBjIDAgMC41NTQ2ODggMC40NDUzMTIgMSAxIDEgaCA0LjA3ODEyNSBjIDAgLTIuMDQyOTY5IDEuNTgyMDMxIC0zLjczNDM3NSAzLjU3ODEyNSAtMy45MDYyNSBjIC0wLjU4OTg0NCAtMC41MzUxNTYgLTAuOTgwNDY5IC0xLjI1NzgxMiAtMS4xMDkzNzUgLTIuMDQyOTY5IGMgLTAuMTc1NzgxIC0wLjAzMTI1IC0wLjM1OTM3NSAtMC4wNTA3ODEgLTAuNTQ2ODc1IC0wLjA1MDc4MSB6IG0gNiAzIGMgLTEuNjYwMTU2IDAgLTMgMS4zMzk4NDQgLTMgMyB2IDIgYyAwIDAuNTU0Njg4IDAuNDQ1MzEyIDEgMSAxIGggOCBjIDAuNTU0Njg4IDAgMSAtMC40NDUzMTIgMSAtMSB2IC0yIGMgMCAtMS42NjAxNTYgLTEuMzM1OTM4IC0zIC0zIC0zIHogbSAwIDAiLz48L3N2Zz4K'); @@ -38,7 +40,7 @@ --adw-icon-plus: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDE2IDE2IiB3aWR0aD0iMTZweCI+CiAgICA8cGF0aCBkPSJtIDcgMyB2IDQgaCAtNCB2IDIgaCA0IHYgNCBoIDIgdiAtNCBoIDQgdiAtMiBoIC00IHYgLTQgeiBtIDAgMCIvPgo8L3N2Zz4='); --adw-icon-plus-large: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgICA8cGF0aCBkPSJtIDcgMSB2IDYgaCAtNiB2IDIgaCA2IHYgNiBoIDIgdiAtNiBoIDYgdiAtMiBoIC02IHYgLTYgeiBtIDAgMCIvPgo8L3N2Zz4='); - --adw-icon-checkbox-bullet: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNOCA0Yy0yLjIwNyAwLTQgMS43OTMtNCA0czEuNzkzIDQgNCA0YzIuMjA4IDAgNC0xLjc5MyA0LTRzLTEuNzkyLTQtNC00eiIgLz4KPC9zdmc+'); + --adw-icon-checkbox-bullet: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTYiIHdpZHRoPSIxNiI+PHBhdGggZD0iTTggNGE0IDQgMCAxIDAgMCA4IDQgNCAwIDAgMCAwLTh6Ii8+PC9zdmc+'); --adw-icon-checkbox-check: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNMTQuMTQ1IDMuOWExLjI1IDEuMjUgMCAwIDAtMS43NjYuMDkybC01LjY4IDYuMzA1LTIuODgxLTIuOTA5YTEuMjUgMS4yNSAwIDAgMC0xLjc2NiAxLjc3bDQuNzQzIDQuNzY4IDcuNDQyLTguMjYyYTEuMjUgMS4yNSAwIDAgMC0uMDkyLTEuNzY0eiIvPgo8L3N2Zz4='); --adw-icon-checkbox-indeterminate: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJNNCA2aDhjMS4xMDggMCAyIC44OTIgMiAycy0uODkyIDItMiAyaC04Yy0xLjEwOCAwLTItLjg5Mi0yLTJzLjg5Mi0yIDItMnoiLz4KPC9zdmc+'); --adw-icon-combobox-arrow: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBkPSJtIDEzLjk5NjA5NCA1IGwgLTUuOTk2MDk0IDYgbCAtNi4wMDM5MDYgLTYgeiBtIDAgMCIvPgo8L3N2Zz4K'); @@ -47,4 +49,6 @@ --adw-icon-entry-clear: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogICAgPHBhdGggZD0ibSA3IDIgYyAtMC44MzIwMzEgMCAtMS41NTg1OTQgMC4zNDM3NSAtMi4yOTI5NjkgMC43ODEyNSBzIC0xLjQ2NDg0MyAxLjAwMzkwNiAtMi4xMjg5MDYgMS41OTc2NTYgYyAtMC42NjAxNTYgMC41OTc2NTYgLTEuMjUzOTA2IDEuMjIyNjU2IC0xLjcwNzAzMSAxLjc5Njg3NSBjIC0wLjIyNjU2MyAwLjI4OTA2MyAtMC40MTc5NjkgMC41NjI1IC0wLjU3MDMxMyAwLjgzNTkzOCBjIC0wLjE1MjM0MyAwLjI3NzM0MyAtMC4zMDA3ODEgMC41MzEyNSAtMC4zMDA3ODEgMC45ODgyODEgcyAwLjE0ODQzOCAwLjcxMDkzOCAwLjMwMDc4MSAwLjk4NDM3NSBjIDAuMTUyMzQ0IDAuMjc3MzQ0IDAuMzQzNzUgMC41NTA3ODEgMC41NzAzMTMgMC44MzU5MzcgYyAwLjQ1MzEyNSAwLjU3ODEyNiAxLjA0Njg3NSAxLjIwMzEyNiAxLjcwNzAzMSAxLjc5Njg3NiBjIDAuNjY0MDYzIDAuNTk3NjU2IDEuMzk0NTMxIDEuMTY0MDYyIDIuMTI4OTA2IDEuNjAxNTYyIHMgMS40NjA5MzggMC43ODEyNSAyLjI5Mjk2OSAwLjc4MTI1IGggNiBjIDEuNjQ0NTMxIDAgMyAtMS4zNTU0NjkgMyAtMyB2IC02IGMgMCAtMS42NDQ1MzEgLTEuMzU1NDY5IC0zIC0zIC0zIHogbSAxIDMgYyAwLjI2NTYyNSAwIDAuNTE5NTMxIDAuMTA1NDY5IDAuNzA3MDMxIDAuMjkyOTY5IGwgMS4yOTI5NjkgMS4yOTI5NjkgbCAxLjI5Mjk2OSAtMS4yOTI5NjkgYyAwLjE4NzUgLTAuMTg3NSAwLjQ0MTQwNiAtMC4yOTI5NjkgMC43MDcwMzEgLTAuMjkyOTY5IHMgMC41MTk1MzEgMC4xMDU0NjkgMC43MDcwMzEgMC4yOTI5NjkgYyAwLjM5MDYyNSAwLjM5MDYyNSAwLjM5MDYyNSAxLjAyMzQzNyAwIDEuNDE0MDYyIGwgLTEuMjkyOTY5IDEuMjkyOTY5IGwgMS4yOTI5NjkgMS4yOTI5NjkgYyAwLjM5MDYyNSAwLjM5MDYyNSAwLjM5MDYyNSAxLjAyMzQzNyAwIDEuNDE0MDYyIHMgLTEuMDIzNDM3IDAuMzkwNjI1IC0xLjQxNDA2MiAwIGwgLTEuMjkyOTY5IC0xLjI5Mjk2OSBsIC0xLjI5Mjk2OSAxLjI5Mjk2OSBjIC0wLjM5MDYyNSAwLjM5MDYyNSAtMS4wMjM0MzcgMC4zOTA2MjUgLTEuNDE0MDYyIDAgcyAtMC4zOTA2MjUgLTEuMDIzNDM3IDAgLTEuNDE0MDYyIGwgMS4yOTI5NjkgLTEuMjkyOTY5IGwgLTEuMjkyOTY5IC0xLjI5Mjk2OSBjIC0wLjM5MDYyNSAtMC4zOTA2MjUgLTAuMzkwNjI1IC0xLjAyMzQzNyAwIC0xLjQxNDA2MiBjIDAuMTg3NSAtMC4xODc1IDAuNDQxNDA2IC0wLjI5Mjk2OSAwLjcwNzAzMSAtMC4yOTI5NjkgeiBtIDAgMCIvPgo8L3N2Zz4K'); --adw-icon-update: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogICAgPHBhdGggZD0ibSA4IDAgYyAtMC4yNTc4MTIgMCAtMC41MTE3MTkgMC4wOTc2NTYyIC0wLjcwNzAzMSAwLjI5Mjk2OSBsIC0xLjcwNzAzMSAxLjcwNzAzMSBoIC0yLjU4NTkzOCBjIC0wLjU1MDc4MSAwIC0xIDAuNDQ5MjE5IC0xIDEgdiAyLjU4NTkzOCBsIC0xLjcwNzAzMSAxLjcwNzAzMSBjIC0wLjM5MDYyNTIgMC4zOTA2MjUgLTAuMzkwNjI1MiAxLjAyMzQzNyAwIDEuNDE0MDYyIGwgMS43MDcwMzEgMS43MDcwMzEgdiAyLjU4NTkzOCBjIDAgMC41NTA3ODEgMC40NDkyMTkgMSAxIDEgaCAyLjU4NTkzOCBsIDEuNzA3MDMxIDEuNzA3MDMxIGMgMC4zOTA2MjUgMC4zOTA2MjUgMS4wMjM0MzcgMC4zOTA2MjUgMS40MTQwNjIgMCBsIDEuNzA3MDMxIC0xLjcwNzAzMSBoIDIuNTg1OTM4IGMgMC41NTA3ODEgMCAxIC0wLjQ0OTIxOSAxIC0xIHYgLTIuNTg1OTM4IGwgMS43MDcwMzEgLTEuNzA3MDMxIGMgMC4zOTA2MjUgLTAuMzkwNjI1IDAuMzkwNjI1IC0xLjAyMzQzNyAwIC0xLjQxNDA2MiBsIC0xLjcwNzAzMSAtMS43MDcwMzEgdiAtMi41ODU5MzggYyAwIC0wLjU1MDc4MSAtMC40NDkyMTkgLTEgLTEgLTEgaCAtMi41ODU5MzggbCAtMS43MDcwMzEgLTEuNzA3MDMxIGMgLTAuMTk1MzEyIC0wLjE5NTMxMjggLTAuNDQ5MjE5IC0wLjI5Mjk2OSAtMC43MDcwMzEgLTAuMjkyOTY5IHogbSAwIDUgYyAwLjI1NzgxMiAwIDAuNTExNzE5IDAuMDk3NjU2IDAuNzA3MDMxIDAuMjkyOTY5IGwgMiAyIGMgMC4xODM1OTQgMC4xODc1IDAuMjg5MDYzIDAuNDQxNDA2IDAuMjg1MTU3IDAuNzA3MDMxIGggMC4wMDc4MTIgdiAxIGggLTIgdiAyIGggLTIgdiAtMiBoIC0yIHYgLTEgaCAwLjAwNzgxMiBjIC0wLjAwMzkwNiAtMC4yNjU2MjUgMC4xMDE1NjMgLTAuNTE5NTMxIDAuMjg1MTU3IC0wLjcwNzAzMSBsIDIgLTIgYyAwLjE5NTMxMiAtMC4xOTUzMTMgMC40NDkyMTkgLTAuMjkyOTY5IDAuNzA3MDMxIC0wLjI5Mjk2OSB6IG0gMCAwIi8+Cjwvc3ZnPg=='); + + --adw-icon-contact-new: url('data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTggMWEzIDMgMCAxIDAgLjAwMiA2LjAwMkEzIDMgMCAwIDAgOCAxek02LjUgOEE0LjQ5MSA0LjQ5MSAwIDAgMCAyIDEyLjV2LjVjMCAxLjExLjg5IDIgMiAyaDZ2LTFIN3YtNGgzVjguMDI3QTQuMjQzIDQuMjQzIDAgMCAwIDkuNSA4ek0xMSA4djNIOHYyaDN2M2gydi0zaDN2LTJoLTNWOHptMCAwIi8+PC9zdmc+'); } diff --git a/adwaita/css/chat/chat.css b/adwaita/css/chat/chat.css index c32e815..4464f12 100644 --- a/adwaita/css/chat/chat.css +++ b/adwaita/css/chat/chat.css @@ -1,9 +1,159 @@ -html.client_chat_frame div[class*="contextmenu_contextMenuItem_"] div.persona_menu_descriptor, -html.client_chat_frame div.pFo3kQOzrl9qVLPXXGIMp div.persona_menu_descriptor, -html.client_chat_frame div._1n7Wloe5jZ6fSuvV18NNWI div.persona_menu_descriptor, -html.client_chat_frame div[class*="contextmenu_contextMenuItem_"] div.persona_menu_dnd_descriptor, -html.client_chat_frame div.pFo3kQOzrl9qVLPXXGIMp div.persona_menu_dnd_descriptor, -html.client_chat_frame div._1n7Wloe5jZ6fSuvV18NNWI div.persona_menu_dnd_descriptor +html.client_chat_frame { - display: none !important; + body + { + background: rgb(var(--adw-window-bg-rgb)) !important; + color: rgb(var(--adw-window-fg-rgb)) !important; + --adw-local-sidebar-bg: rgb(var(--adw-window-bg-rgb)); + } + + .title-area + { + height: 46px !important; + } + + div.chat_main.singlewindow + { + div.friendsListContainer + { + --adw-windowcontrols-margin-right: 0px; + --adw-local-sidebar-bg: rgb(var(--adw-sidebar-bg-rgb)); + + background: rgb(var(--adw-sidebar-bg-rgb)) !important; + color: rgb(var(--adw-sidebar-fg-rgb)) !important; + opacity: 1 !important; + min-width: 250px !important; + margin-left: 0 !important; + margin-right: 0 !important; + + div.chat_main:not(.resizingSingleWindow) & + { + transition: width 200ms var(--adw-base-transition-curve), margin 200ms var(--adw-base-transition-curve), opacity 200ms var(--adw-base-transition-curve) !important; + } + + &.collapsed + { + width: 250px !important; + margin-left: -250px !important; + margin-right: -1px !important; + opacity: 0 !important; + visibility: hidden !important; + + div.friendListCollapse + { + display: none !important; + } + } + } + + &:not(:has(div.friendsListContainer.collapsed)) div.multiChatDialog + { + --adw-windowcontrols-margin-left: 0px; + } + + div.singleWindowDivider + { + display: block !important; + border: none !important; + background: none !important; + box-shadow: inset 1px 0 rgba(var(--adw-sidebar-shade-rgb), var(--adw-sidebar-shade-a)) !important; + width: 4px !important; + min-width: 4px !important; + margin-right: -3px !important; + } + } + + div.friendListCollapse + { + position: absolute !important; + top: 6px !important; + right: -40px !important; + width: 34px !important; + height: 34px !important; + } + + div.friendCollapseButton, div.chatTabOpenFriendsList + { + -webkit-app-region: no-drag; + cursor: default !important; + box-sizing: border-box !important; + width: 34px !important; + height: 34px !important; + padding: 0 !important; + margin: 0 !important; + text-indent: -9999px !important; + line-height: 0 !important; + background: transparent !important; + border-radius: var(--adw-button-radius) !important; + color: rgb(var(--adw-headerbar-fg-rgb)) !important; + transition: var(--adw-button-transition) !important; + box-shadow: none !important; + + &:hover + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-hover-opacity)) !important; + } + + &:active + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-active-opacity)) !important; + } + + &.friendCollapseButton + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-opacity)) !important; + + &:hover + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-hover-opacity)) !important; + } + + &:active + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-active-opacity)) !important; + } + } + + &.chatTabOpenFriendsList + { + position: absolute !important; + top: 6px !important; + left: 6px !important; + } + + svg + { + display: none !important; + } + + &::before + { + background-color: rgb(var(--adw-headerbar-fg-rgb)); + content: ""; + display: block; + width: 16px; + height: 16px; + margin: 9px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 16px; + -webkit-mask-image: var(--adw-icon-sidebar); + } + } + + svg.statusHeaderGlow, + div.friendListFooter + { + display: none !important; + } + + div[class*="contextmenu_contextMenuItem_"] div.persona_menu_descriptor, + div.pFo3kQOzrl9qVLPXXGIMp div.persona_menu_descriptor, + div._1n7Wloe5jZ6fSuvV18NNWI div.persona_menu_descriptor, + div[class*="contextmenu_contextMenuItem_"] div.persona_menu_dnd_descriptor, + div.pFo3kQOzrl9qVLPXXGIMp div.persona_menu_dnd_descriptor, + div._1n7Wloe5jZ6fSuvV18NNWI div.persona_menu_dnd_descriptor + { + display: none !important; + } } diff --git a/adwaita/css/chat/messages.css b/adwaita/css/chat/messages.css new file mode 100644 index 0000000..ac9603b --- /dev/null +++ b/adwaita/css/chat/messages.css @@ -0,0 +1,418 @@ +html.client_chat_frame +{ + div.multiChatDialog + { + position: relative !important; + + div.ChatTabs + { + padding: 0 !important; + height: 46px !important; + background: inherit !important; + box-shadow: none !important; + border: none !important; + + div.chatTabSetContainer + { + padding: 6px calc(var(--adw-windowcontrols-margin-right) + 6px) 6px calc(var(--adw-windowcontrols-margin-left) + 46px) !important; + margin: 0 !important; + height: 34px !important; + + div.HorizontalMiniSlider + { + flex-grow: 1 !important; + + div.chatTabList + { + flex-grow: 1 !important; + -webkit-app-region: no-drag !important; + overflow-x: auto !important; + overflow-y: hidden !important; + + &::after + { + content: ""; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + background: linear-gradient(to right, rgba(var(--adw-window-bg-rgb), 1), rgba(var(--adw-window-bg-rgb), 0) 8px, rgba(var(--adw-window-bg-rgb), 0) calc(100% - 8px), rgba(var(--adw-window-bg-rgb), 1)) !important; + z-index: 10; + pointer-events: none; + } + + & > div + { + gap: 5px !important; + margin: 0 !important; + border: none !important; + flex-grow: 1 !important; + padding: 0 8px !important; + } + + div._2XZq-_f6npaQdAgeRzKIkz + { + cursor: default !important; + box-sizing: border-box !important; + min-width: 150px !important; + width: 0 !important; + flex-grow: 1 !important; + height: 34px !important; + margin: 0 !important; + background: transparent !important; + border-radius: var(--adw-button-radius) !important; + color: rgb(var(--adw-headerbar-fg-rgb)) !important; + transition: var(--adw-button-transition) !important; + box-shadow: none !important; + + &::after + { + content: ""; + background: rgba(var(--adw-headerbar-fg-rgb), 0.2) !important; + position: absolute !important; + right: -3px !important; + top: 4px !important; + bottom: 4px !important; + width: 1px !important; + opacity: 1 !important; + transition: opacity 200ms var(--adw-base-transition-curve) !important; + } + + &::before, &:last-of-type::after + { + content: none !important; + } + + &:hover + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-hover-opacity)) !important; + + &::after, div._2XZq-_f6npaQdAgeRzKIkz:has(+ &)::after + { + opacity: 0 !important; + } + } + + &:active + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-active-opacity)) !important; + } + + &.Yd-DsWkYiFiYwpci--Yk_ + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-opacity)) !important; + + &:hover + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-hover-opacity)) !important; + } + + &:active + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-active-opacity)) !important; + } + + &::after, div._2XZq-_f6npaQdAgeRzKIkz:has(+ &)::after + { + opacity: 0 !important; + } + } + + &._3oMENEr8B3XRqYBUZN0wxj + { + transition: all 200ms var(--adw-base-transition-curve) !important; + transition-property: opacity, min-width, max-width, margin-left !important; + opacity: 0 !important; + min-width: 0 !important; + max-width: 0 !important; + margin-left: -27px !important; + transform: none !important; + } + + &._3FCPV9HGkWZ1fvzA7HH0db { + opacity: 1 !important; + max-width: calc(100%) !important; + margin-left: 0 !important; + transform: none !important; + } + + &._3U5nKyNTQNOpbQ6ZYdTpNN { + transition: all 200ms var(--adw-base-transition-curve) !important; + transition-property: opacity, min-width, max-width, margin-left !important; + opacity: 1 !important; + max-width: calc(100%) !important; + margin-left: 0 !important; + transform: none !important; + } + + &.DKxRMN-ippwSRUClCjfr1 { + opacity: 0 !important; + min-width: 0 !important; + max-width: 0 !important; + margin-left: -27px !important; + transform: none !important; + } + + div._21I8pyEfvklCsrYIcsBtYY, div._3hCFlMxf40SP2WVNOubSvf + { + display: flex !important; + flex-grow: 1 !important; + justify-content: center !important; + -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) calc(100% - 8px), rgba(0, 0, 0, 0)) !important; + + div._2XZq-_f6npaQdAgeRzKIkz:hover &, div._2XZq-_f6npaQdAgeRzKIkz.Yd-DsWkYiFiYwpci--Yk_ & + { + -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 1) calc(100% - 24px), rgba(0, 0, 0, 0) calc(100% - 16px), rgba(0, 0, 0, 0)) !important; + } + + div.friend + { + align-items: center !important; + white-space: nowrap !important; + text-overflow: ellipsis !important; + overflow: hidden !important; + } + + div.nibodjvvrm86uCfnnAn4g, div.ChatRoomGroupAvatar + { + width: 20px !important; + height: 20px !important; + } + + div.labelHolder + { + height: fit-content !important; + } + + div.nOdcT-MoOaXGePXLyPe0H, div._1HNpQBKKKQ1tG2OZH3CSsh + { + color: rgb(var(--adw-headerbar-fg-rgb)) !important; + font-family: var(--adw-text-font) !important; + font-size: var(--adw-text-header-size) !important; + font-weight: var(--adw-text-base-weight) !important; + line-height: 34px !important; + letter-spacing: normal !important; + text-transform: none !important; + flex-grow: 0 !important; + -webkit-mask: none !important; + } + } + + div._1JXI4j2_xSpVK1YjyEuebr + { + position: absolute !important; + right: 4px !important; + width: 24px !important; + height: 24px !important; + padding: 4px !important; + box-sizing: border-box !important; + border-radius: 50% !important; + margin: 0 !important; + opacity: 0 !important; + cursor: default !important; + + &:hover + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-hover-opacity)) !important; + } + + &:active + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-active-opacity)) !important; + } + + div._2XZq-_f6npaQdAgeRzKIkz.Yd-DsWkYiFiYwpci--Yk_ &, div._2XZq-_f6npaQdAgeRzKIkz:hover & + { + opacity: 1 !important; + } + + svg + { + display: none !important; + } + + &::before + { + background-color: rgb(var(--adw-headerbar-fg-rgb)); + content: ""; + display: block; + width: 16px; + height: 16px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 16px; + -webkit-mask-image: var(--adw-icon-window-close); + } + } + } + } + } + + div.chatTabSelector + { + display: none !important; + } + } + } + } + + div.chatDialogs + { + background: rgb(var(--adw-window-bg-rgb)) !important; + + div.chatWindow + { + background: rgb(var(--adw-window-bg-rgb)) !important; + + div.chatHeader + { + background: rgb(var(--adw-window-bg-rgb)) !important; + min-height: 0 !important; + } + + div.chatRoomGroupNavColumn, div.MemberListColumn + { + background: rgb(var(--adw-secondary-sidebar-bg-rgb)) !important; + } + + div.chatBody + { + div.chatHistoryScroll + { + padding: 0 !important; + margin: 0 !important; + + div.chatHistory + { + padding: 16px !important; + margin: 0 !important; + + div.ChatMessageBlock + { + div.ChatSpeaker + { + div.nibodjvvrm86uCfnnAn4g + { + width: 24px !important; + height: 24px !important; + margin-right: 6px !important; + } + + div.speakerStatus + { + display: none !important; + } + } + } + + div.msg + { + margin: 0 !important; + + &:hover + { + background: rgba(var(--adw-window-fg-rgb), var(--adw-hover-opacity)) !important; + } + } + + &::before, &::after + { + content: ""; + display: block; + position: absolute; + height: 4px; + left: 0; + right: 0; + z-index: 101; + pointer-events: none; + background: rgb(var(--adw-window-bg-rgb)); + } + &::before + { + top: -4px; + } + &::after + { + bottom: -4px; + } + } + + &::before, &::after + { + content: ""; + display: block; + position: sticky; + height: 4px; + left: 0; + right: 0; + z-index: 100; + pointer-events: none; + } + &::before + { + top: 0; + background-image: linear-gradient(to bottom, rgba(var(--adw-shade-rgb), calc(var(--adw-shade-a) * 0.75)), transparent 4px); + box-shadow: inset 0 1px rgba(var(--adw-shade-rgb), calc(var(--adw-shade-a) * 0.75)); + } + &::after + { + bottom: 0; + background-image: linear-gradient(to top, rgba(var(--adw-shade-rgb), calc(var(--adw-shade-a) * 0.75)), transparent 4px); + box-shadow: inset 0 -1px rgba(var(--adw-shade-rgb), calc(var(--adw-shade-a) * 0.75)); + } + } + + div.chatEntry + { + background: none !important; + padding: 16px !important; + + & > * + { + margin-bottom: 0 !important; + } + } + + div._1qeW35auMlJ5pJVNtBC-bF + { + display: none !important; + } + } + } + + div.emptyChatDialogs + { + display: flex !important; + flex-direction: column !important; + flex-grow: 1 !important; + justify-content: center !important; + align-items: center !important; + margin: 0 !important; + padding: 24px !important; + text-align: center !important; + + color: rgb(var(--adw-popover-fg-rgb)) !important; + font-family: var(--adw-text-font) !important; + text-transform: none !important; + letter-spacing: normal !important; + font-size: var(--adw-text-base-size) !important; + font-weight: var(--adw-text-base-weight) !important; + line-height: normal !important; + + &::before + { + background-color: rgba(var(--adw-headerbar-fg-rgb), var(--adw-dim-label-opacity)); + content: ""; + display: block; + margin: 8px auto; + width: 64px; + height: 64px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 64px; + -webkit-mask-image: var(--adw-icon-chats); + } + } + } +} diff --git a/adwaita/css/chat/sidebar.css b/adwaita/css/chat/sidebar.css new file mode 100644 index 0000000..2528b5b --- /dev/null +++ b/adwaita/css/chat/sidebar.css @@ -0,0 +1,825 @@ +html.client_chat_frame +{ + div.friendlist, + div.friendlist > *, + div.friendListHeaderContainer, + div.friendlistListContainer, + div._18bmBH7zyngCgHtgY3IEL_ + { + background: var(--adw-local-sidebar-bg) !important; + transition: none !important; + opacity: 1 !important; + visibility: visible !important; + } + + div.friendListHeaderContainer + { + display: flex !important; + flex-direction: column !important; + min-height: fit-content !important; + box-shadow: none !important; + } + + div.socialTabSearchContainer + { + order: -1 !important; + + div.socialListTab + { + padding: 0 !important; + margin: 0 !important; + height: 46px !important; + transition: height 200ms var(--adw-base-transition-curve) !important; + background: none !important; + color: inherit !important; + display: flex !important; + flex-direction: column !important; + place-items: normal !important; + + div.tabSearchTransitionGroup + { + transition: height 200ms var(--adw-base-transition-curve); + opacity: 1 !important; + height: 0 !important; + z-index: -1 !important; + pointer-events: none !important; + overflow: hidden !important; + position: relative !important; + + div.tabSearchTransition + { + opacity: 1 !important; + position: absolute !important; + bottom: 0 !important; + width: 100% !important; + } + } + + div.tabLabel + { + box-sizing: border-box !important; + height: 46px !important; + flex: none !important; + display: grid !important; + grid-template-columns: 1fr !important; + align-items: center !important; + padding: 12px !important; + margin: 0 !important; + background: inherit !important; + color: inherit !important; + font-family: var(--adw-text-font) !important; + font-size: var(--adw-text-header-size) !important; + font-weight: var(--adw-text-header-weight) !important; + line-height: normal !important; + letter-spacing: normal !important; + text-align: center !important; + text-transform: none !important; + white-space: nowrap !important; + overflow: hidden !important; + text-overflow: ellipsis !important; + border: none !important; + width: auto !important; + opacity: 1 !important; + } + + div.friendsTabButtonsContainer + { + padding: 0 !important; + margin: 0 !important; + height: 0 !important; + transition: height var(--adw-base-transition-curve) !important; + background: none !important; + opacity: 1 !important; + } + + div.TabSearchButton + { + padding: 0 !important; + margin: 0 !important; + width: 0 !important; + height: 0 !important; + background: none !important; + opacity: 1 !important; + } + + &.TabSearchActive + { + height: 86px !important; + + div.tabSearchTransitionGroup + { + height: 34px !important; + z-index: 1 !important; + pointer-events: all !important; + } + + div.friendsTabButtonsContainer + { + height: 34px !important; + } + } + + form.socialInputContainer + { + transform: none !important; + padding: 0 !important; + margin: 0 6px !important; + max-height: fit-content !important; + position: relative !important; + opacity: 1 !important; + + div.inputContainer + { + margin: 0 !important; + padding: 0 !important; + min-height: 34px !important; + border-radius: var(--adw-button-radius) !important; + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-button-bg-opacity)) !important; + box-shadow: none !important; + transition: var(--adw-button-transition) !important; + + &:focus-within + { + box-shadow: var(--adw-focus-border) !important; + } + + input, input::placeholder + { + background: transparent !important; + color: rgb(var(--adw-headerbar-fg-rgb)) !important; + font-size: var(--adw-text-base-size) !important; + font-weight: var(--adw-text-base-weight) !important; + font-family: var(--adw-text-font) !important; + font-style: normal !important; + letter-spacing: normal !important; + margin: 0 !important; + padding: 0 34px 0 34px !important; + box-shadow: none !important; + border: none !important; + height: 34px !important; + line-height: 34px !important; + overflow: hidden !important; + } + + input::placeholder + { + color: rgba(var(--adw-headerbar-fg-rgb), 0.5) !important; + padding: 0 !important; + } + + &::before + { + content: ""; + background-color: rgba(var(--adw-headerbar-fg-rgb), var(--adw-dim-label-opacity)); + pointer-events: none; + display: block; + width: 16px; + height: 16px; + position: absolute; + top: 9px; + left: 9px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 16px; + -webkit-mask-image: var(--adw-icon-search); + } + + div.friendSearchClear + { + cursor: default !important; + width: 16px !important; + height: 16px !important; + right: 9px !important; + top: 9px !important; + transition: none !important; + + svg + { + display: none !important; + } + + &::before + { + background-color: rgba(var(--adw-headerbar-fg-rgb), var(--adw-dim-label-opacity)); + content: ""; + display: block; + width: 16px; + height: 16px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 16px; + -webkit-mask-image: var(--adw-icon-entry-clear); + } + + &:hover::before + { + background-color: rgb(var(--adw-headerbar-fg-rgb)); + } + } + } + } + } + + div.searchIconButton, div.friendListButton + { + -webkit-app-region: no-drag; + cursor: default !important; + box-sizing: border-box !important; + width: 34px !important; + height: 34px !important; + min-width: 34px !important; + min-height: 34px !important; + max-width: 34px !important; + max-height: 34px !important; + padding: 0 !important; + margin: 0 !important; + background: transparent !important; + border-radius: var(--adw-button-radius) !important; + color: rgb(var(--adw-headerbar-fg-rgb)) !important; + font-family: var(--adw-text-font) !important; + font-size: var(--adw-text-title3-size) !important; + font-weight: var(--adw-text-title3-weight) !important; + line-height: 24px !important; + transition: var(--adw-button-transition) !important; + display: flex !important; + + &:hover + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-hover-opacity)) !important; + } + + &:active + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-active-opacity)) !important; + } + + svg + { + display: none !important; + } + + &::before + { + background-color: rgb(var(--adw-headerbar-fg-rgb)); + content: ""; + display: block; + width: 16px; + height: 16px; + margin: 9px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 16px; + } + } + + div.searchIconButton + { + position: absolute !important; + top: 6px !important; + left: calc(var(--adw-windowcontrols-margin-left) + 6px) !important; + opacity: 1 !important; + + &::before + { + -webkit-mask-image: var(--adw-icon-search); + } + } + + div.friendListButton + { + position: absolute !important; + top: 6px !important; + right: calc(var(--adw-windowcontrols-margin-right) + 6px) !important; + background: none !important; + + &::before + { + -webkit-mask-image: var(--adw-icon-contact-new); + } + } + + div.friendsTabButtonsContainer > a + { + margin: 0 !important; + padding: 0 !important; + width: 0 !important; + height: 0 !important; + } + + div.TabSearchActive div.searchIconButton + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-opacity)) !important; + + &:hover + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-hover-opacity)) !important; + } + + &:active + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-active-opacity)) !important; + } + } + } + + div.currentUserContainer + { + &, div.AvatarAndUser + { + padding: 0 !important; + margin: 0 !important; + border: 0 !important; + width: 0 !important; + height: 0 !important; + } + + div.AvatarAndUser + { + div.currentUserAvatar + { + -webkit-app-region: no-drag; + cursor: default !important; + box-sizing: border-box !important; + width: 34px !important; + height: 34px !important; + padding: 0 !important; + margin: 0 !important; + background: transparent !important; + border-radius: var(--adw-button-radius) !important; + transition: var(--adw-button-transition) !important; + transform: none !important; + + position: absolute !important; + top: 6px !important; + left: calc(var(--adw-windowcontrols-margin-left) + 46px) !important; + + &:hover + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-hover-opacity)) !important; + } + + &:active + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-active-opacity)) !important; + } + + div.nibodjvvrm86uCfnnAn4g + { + width: 28px !important; + height: 28px !important; + margin: 3px !important; + } + } + + div.labelHolder + { + display: none !important; + } + } + } + + div.quickAccessFriends + { + margin: 0 !important; + padding: 0 6px 6px 6px !important; + width: auto !important; + min-height: fit-content !important; + + display: grid !important; + grid-template-columns: repeat(auto-fill, 36px) !important; + grid-gap: 3px !important; + justify-content: space-between !important; + + div.favoriteElement + { + cursor: default !important; + width: 36px !important; + height: 36px !important; + transition: width 200ms, height 200ms !important; + flex-shrink: 0 !important; + + div.quickAccessFriend, div.nibodjvvrm86uCfnnAn4g, div.ChatRoomGroupAvatar + { + padding: 0 !important; + margin: 0 !important; + width: 100% !important; + height: 100% !important; + transition: width 200ms, height 200ms !important; + cursor: default !important; + } + + div.ChatRoomGroupAvatar + { + border: none !important; + transform: none !important; + + div.ChatRoomGroupAvatar_initials + { + padding: 0 !important; + margin: 0 !important; + box-shadow: inset 0 0 0 1px rgba(var(--adw-user-offline-rgb), 0.5) !important; + } + } + + div.playerNameQuickAccessContainer, div.clanName + { + display: none !important; + } + } + + &.emptyQuickAccess + { + margin: 0 !important; + padding: 0 !important; + } + + &.compactQuickAccess + { + display: flex !important; + gap: 3px !important; + flex-wrap: nowrap !important; + justify-content: flex-start !important; + overflow-x: auto !important; + overflow-y: hidden !important; + + div.favoriteElement + { + width: 28px !important; + height: 28px !important; + } + } + + div.dropTargetBox + { + margin: 0 4px 4px 4px !important; + } + + div.quickAccessFriendsMessage + { + position: absolute !important; + top: 0 !important; + left: 0 !important; + right: 0 !important; + bottom: 0 !important; + padding: 4px !important; + margin: 0 !important; + align-self: center !important; + font-size: 12px !important; + line-height: 14px !important; + } + } + + div.FriendsListContent + { + div._1qeW35auMlJ5pJVNtBC-bF + { + display: none !important; + } + } + + div._18bmBH7zyngCgHtgY3IEL_ + { + margin-top: 46px !important; + + div._3t-tVOpu2n074cjZsygYfm + { + justify-content: center !important; + } + } + + &:has(div._18bmBH7zyngCgHtgY3IEL_) div.currentUserContainer + { + display: none !important; + } + + div.friendlistListContainer, div.chatRoomListContainer + { + div.listContentContainer + { + display: flex !important; + flex-direction: column !important; + padding: 6px 0 !important; + overflow: visible !important; + overflow-x: clip !important; + min-height: calc(100% - 20px) !important; + + div.friendGroup + { + border: none !important; + margin: 0 !important; + padding: 0 !important; + + div.dropTargetBox + { + margin: 0 4px 0 4px !important; + } + } + + div.groupHeaderContainer, div.friendCategoryContainer, div.ChatRoomListGroupItem + { + padding: 0 6px !important; + margin: 0 6px 2px 6px !important; + background: none !important; + cursor: default !important; + font-family: var(--adw-text-font) !important; + font-size: var(--adw-text-gamelist-size) !important; + font-weight: var(--adw-text-gamelist-weight) !important; + box-sizing: border-box !important; + border: none !important; + border-radius: var(--adw-button-radius) !important; + position: relative !important; + + &:hover + { + background: rgba(var(--adw-sidebar-fg-rgb), var(--adw-hover-opacity)) !important; + } + + &:active + { + background: rgba(var(--adw-sidebar-fg-rgb), var(--adw-active-opacity)) !important; + } + } + + div.groupHeaderContainer + { + div.groupName, span.groupCount + { + height: 26px !important; + line-height: 26px !important; + color: rgb(var(--adw-sidebar-fg-rgb)) !important; + font-family: var(--adw-text-font) !important; + font-size: var(--adw-text-gamelist-section-size) !important; + font-weight: var(--adw-text-gamelist-section-weight) !important; + letter-spacing: normal !important; + text-transform: none !important; + padding: 0 !important; + margin: 0 !important; + align-items: center !important; + cursor: default !important; + } + + span.groupCount + { + color: rgba(var(--adw-sidebar-fg-rgb), var(--adw-dim-label-opacity)) !important; + font-weight: var(--adw-text-gamelist-weight) !important; + transform: none !important; + margin-left: 4px !important; + opacity: 1 !important; + } + + div.ExpandPlusMinus + { + width: 20px !important; + height: 20px !important; + padding: 0 !important; + margin: 3px 6px 3px 0 !important; + opacity: 0.5 !important; + color: inherit !important; + cursor: default !important; + + svg + { + width: 20px !important; + height: 20px !important; + padding: 0 !important; + margin: 0 !important; + color: inherit !important; + + line + { + stroke: currentColor !important; + shape-rendering: crispEdges !important; + stroke-width: 20px !important; + } + } + } + + div.SortByRecent + { + width: 20px !important; + height: 20px !important; + padding: 0 !important; + margin: 0 !important; + opacity: 0.5 !important; + color: inherit !important; + cursor: default !important; + } + + &:hover div.ExpandPlusMinus, div.SortByRecent:hover + { + opacity: 1 !important; + } + } + + div.friendCategoryContainer + { + div.friend + { + background: none !important; + padding: 0 !important; + margin: 0 !important; + height: 40px !important; + + div.nibodjvvrm86uCfnnAn4g + { + width: 36px !important; + height: 36px !important; + margin: 2px 0 !important; + transition: width 200ms, height 200ms !important; + } + + div.labelHolder + { + margin: 0 0 0 6px !important; + height: fit-content !important; + color: rgb(var(--adw-sidebar-fg-rgb)) !important; + align-items: center !important; + + &.online + { + color: rgb(var(--adw-user-online-rgb)) !important; + } + + &.ingame + { + color: rgb(var(--adw-user-ingame-rgb)) !important; + } + + &.offline, &.awayOrSnooze + { + opacity: 0.5 !important; + } + + div, span + { + font-family: var(--adw-text-font) !important; + font-size: 14px !important; + font-weight: 400 !important; + line-height: 18px !important; + color: rgb(var(--adw-sidebar-fg-rgb)) !important; + padding: 0 !important; + margin: 0 !important; + } + + div._3sxE7F1LV2IcSX68YsH9dI + { + &, div + { + color: inherit !important; + font-size: 10px !important; + line-height: 12px !important; + } + } + + div.ContextMenuButton, div._1DsumfIa3MlkzUV9EXY5W9 + { + display: none !important; + } + + div.nOdcT-MoOaXGePXLyPe0H + { + padding-right: 6px !important; + } + + div.KxAI_M9gWx3OnKSshHOs6 + { + width: 16px !important; + height: 16px !important; + margin: 0 !important; + padding: 0 !important; + } + + svg + { + color: inherit !important; + path + { + fill: currentColor !important; + } + } + } + + div.CompactFriendsList & + { + height: 26px !important; + + div.nibodjvvrm86uCfnnAn4g + { + width: 20px !important; + height: 20px !important; + margin: 3px 0 !important; + } + + div.labelHolder div._4ZTzGZ5TTgFyfw1DcXLXS, div.labelHolder div.nOdcT-MoOaXGePXLyPe0H, div.labelHolder span + { + height: 26px !important; + line-height: 26px !important; + } + + div._3sxE7F1LV2IcSX68YsH9dI + { + display: none !important; + } + } + } + } + + &::before, &::after + { + content: ""; + display: block; + position: absolute; + height: 4px; + left: 0; + right: 0; + z-index: 1; + pointer-events: none; + background: var(--adw-local-sidebar-bg); + } + &::before + { + top: -4px; + } + &::after + { + bottom: -4px; + } + } + + div.friendSearchNoResultsContainer + { + display: flex !important; + flex-direction: column !important; + flex-grow: 1 !important; + justify-content: center !important; + align-items: center !important; + margin: 0 !important; + padding: 6px !important; + text-align: center !important; + + &::before + { + background-color: rgba(var(--adw-headerbar-fg-rgb), var(--adw-dim-label-opacity)); + content: ""; + display: block; + margin: 8px auto; + width: 64px; + height: 64px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 64px; + -webkit-mask-image: var(--adw-icon-search); + } + + div:first-child + { + display: none !important; + } + + div.searchSteamSuggestion + { + color: rgb(var(--adw-popover-fg-rgb)) !important; + font-family: var(--adw-text-font) !important; + text-transform: none !important; + letter-spacing: normal !important; + font-size: var(--adw-text-title1-size) !important; + font-weight: var(--adw-text-title1-weight) !important; + margin: 0 8px 0 0 !important; + } + + a + { + color: rgba(var(--adw-popover-fg-rgb), var(--adw-dim-label-opacity)) !important; + font-family: var(--adw-text-font) !important; + text-transform: none !important; + letter-spacing: normal !important; + font-size: var(--adw-text-base-size) !important; + font-weight: 700 !important; + } + } + + &::before, &::after + { + content: ""; + display: block; + position: sticky; + height: 4px; + left: 0; + right: 0; + z-index: 0; + pointer-events: none; + } + &::before + { + top: 0; + background-image: linear-gradient(to bottom, rgba(var(--adw-shade-rgb), calc(var(--adw-shade-a) * 0.75)), transparent 4px); + box-shadow: inset 0 1px rgba(var(--adw-shade-rgb), calc(var(--adw-shade-a) * 0.75)); + } + &::after + { + bottom: 0; + background-image: linear-gradient(to top, rgba(var(--adw-shade-rgb), calc(var(--adw-shade-a) * 0.75)), transparent 4px); + box-shadow: inset 0 -1px rgba(var(--adw-shade-rgb), calc(var(--adw-shade-a) * 0.75)); + } + } +} diff --git a/adwaita/css/dialogs/appproperties.css b/adwaita/css/dialogs/appproperties.css index 42e7812..3ee9f04 100644 --- a/adwaita/css/dialogs/appproperties.css +++ b/adwaita/css/dialogs/appproperties.css @@ -12,9 +12,9 @@ body.DesktopUI div._1FyBL6obxHQ2Z2CsaV2Gbz div.DialogBody > div:not([class]):fir body.DesktopUI div._1FyBL6obxHQ2Z2CsaV2Gbz div.DialogBody > div:not([class]):first-child + div.eKmEXJCm_lgme24Fp_HWt { height: 0 !important; - min-height: 0 !important; - padding: 0 !important; - margin: 0 !important; + min-height: 0 !important; + padding: 0 !important; + margin: 0 !important; overflow: visible !important; background: none !important; box-shadow: none !important; diff --git a/adwaita/css/dialogs/pagedsettings/rows.css b/adwaita/css/dialogs/pagedsettings/rows.css index e5533d8..eb0dc49 100644 --- a/adwaita/css/dialogs/pagedsettings/rows.css +++ b/adwaita/css/dialogs/pagedsettings/rows.css @@ -249,6 +249,10 @@ body.DesktopUI div.pagedsettings_PagedSettingsDialog_3I6h_ div.gamepaddialog_Fie body.DesktopUI div._3I6h_oySuLmmLY9TjIKT9s div.S-_LaQG5eEOM2HWZ-geJI:has(+ div.DialogControlsSection), body.DesktopUI div._2sssIwe0duyIrFvat2oXzH div.eKmEXJCm_lgme24Fp_HWt:has(+ div.DialogControlsSection), +body.DesktopUI div.pagedsettings_PagedSettingsDialog_3I6h_ div.gamepaddialog_Field_S-_La:has(+ div.gamepaddialog_StandaloneFieldSeparator_23kNb), +body.DesktopUI div._3I6h_oySuLmmLY9TjIKT9s div.S-_LaQG5eEOM2HWZ-geJI:has(+ div._23kNbTg9_TY8TV_uLN8MJy), +body.DesktopUI div._2sssIwe0duyIrFvat2oXzH div.eKmEXJCm_lgme24Fp_HWt:has(+ div._1vcky98a3hG0ulFCdee4kd), + body.DesktopUI div.appproperties_AppProperties_1FyBL div.gamepaddialog_Field_S-_La:has(+ div.appproperties_SteamCloudUsage_2Dfy8), body.DesktopUI div._1FyBL6obxHQ2Z2CsaV2Gbz div.S-_LaQG5eEOM2HWZ-geJI:has(+ div._2Dfy8vuNMdABIKGO2KHbVF), body.DesktopUI div._1FyBL6obxHQ2Z2CsaV2Gbz div.eKmEXJCm_lgme24Fp_HWt:has(+ div._2Dfy8vuNMdABIKGO2KHbVF) diff --git a/adwaita/css/dialogs/settings.css b/adwaita/css/dialogs/settings.css index 03b1e8b..63c228d 100644 --- a/adwaita/css/dialogs/settings.css +++ b/adwaita/css/dialogs/settings.css @@ -31,7 +31,7 @@ body.DesktopUI div.pagedsettings_PagedSettingsDialog_3I6h_ div[class*="personana body.DesktopUI div._3I6h_oySuLmmLY9TjIKT9s div._2wpaptjZY-3Gn1HOPlL85O, body.DesktopUI div._2sssIwe0duyIrFvat2oXzH div._1cB0qtF0paHWWyj1XNcnbG { - color: rgba(var(--adw-card-fg-rgb), var(--adw-dim-label-opacity)) !important; + color: rgb(var(--adw-user-offline-rgb)) !important; font-family: var(--adw-text-font) !important; font-size: var(--adw-text-row-subtitle-size) !important; font-weight: var(--adw-text-row-subtitle-weight) !important; @@ -44,21 +44,21 @@ body.DesktopUI div.pagedsettings_PagedSettingsDialog_3I6h_ div.online div[class* body.DesktopUI div._3I6h_oySuLmmLY9TjIKT9s div.online div._2wpaptjZY-3Gn1HOPlL85O, body.DesktopUI div._2sssIwe0duyIrFvat2oXzH div.online div._1cB0qtF0paHWWyj1XNcnbG { - color: rgb(var(--adw-accent-rgb)) !important; + color: rgb(var(--adw-user-online-rgb)) !important; } body.DesktopUI div.pagedsettings_PagedSettingsDialog_3I6h_ div.online.awayOrSnooze div[class*="personanameandstatus_gameName_"], body.DesktopUI div._3I6h_oySuLmmLY9TjIKT9s div.online.awayOrSnooze div._2wpaptjZY-3Gn1HOPlL85O, body.DesktopUI div._2sssIwe0duyIrFvat2oXzH div.online.awayOrSnooze div._1cB0qtF0paHWWyj1XNcnbG { - color: rgba(var(--adw-accent-rgb), var(--adw-dim-label-opacity)) !important; + color: rgba(var(--adw-user-online-rgb), var(--adw-dim-label-opacity)) !important; } body.DesktopUI div.pagedsettings_PagedSettingsDialog_3I6h_ div.ingame div[class*="personanameandstatus_gameName_"], body.DesktopUI div._3I6h_oySuLmmLY9TjIKT9s div.ingame div._2wpaptjZY-3Gn1HOPlL85O, body.DesktopUI div._2sssIwe0duyIrFvat2oXzH div.ingame div._1cB0qtF0paHWWyj1XNcnbG { - color: rgb(var(--adw-success-rgb)) !important; + color: rgb(var(--adw-user-ingame-rgb)) !important; } /* Account buttons */ diff --git a/adwaita/css/main/headerbar/buttons.css b/adwaita/css/main/headerbar/buttons.css index 3819c15..60628a9 100644 --- a/adwaita/css/main/headerbar/buttons.css +++ b/adwaita/css/main/headerbar/buttons.css @@ -1,285 +1,224 @@ -/* --- Right Side --- */ -/* Profile, Notifications, etc */ -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="steamdesktop_TitleBarControls_"], -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._1-9sir4j_KQiMqdkZjQN0u -{ - margin: 0 !important; - z-index: 1 !important; - margin-right: 120px !important; /* Space for menu, downloads, chat buttons */ -} - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_Button_"], -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._2Szzh5sKyGgnLUR870zbDE, - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_AccountMenu_"], -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._3yD46y5pd3zOGR7CzKs0mC, - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_FriendsButton_"], -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div._1TdaAqMFadi0UTqilrkelR, - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_DownloadStatusContent_"], -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div.ip-YZhijAMZcuRoXBGiye -{ - -webkit-app-region: no-drag; - cursor: default !important; - box-sizing: border-box !important; - width: 34px !important; - height: 34px !important; - min-width: 34px !important; - min-height: 34px !important; - max-width: 34px !important; - max-height: 34px !important; - padding: 0 !important; - margin: 0 !important; - margin-right: 6px !important; - background: transparent !important; - border-radius: var(--adw-button-radius) !important; - color: rgb(var(--adw-headerbar-fg-rgb)) !important; - font-family: var(--adw-text-font) !important; - font-size: var(--adw-text-title3-size) !important; - font-weight: var(--adw-text-title3-weight) !important; - line-height: 24px !important; - transition: var(--adw-button-transition) !important; -} - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_Button_"]:hover, -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._2Szzh5sKyGgnLUR870zbDE:hover, - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_AccountMenu_"]:hover, -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._3yD46y5pd3zOGR7CzKs0mC:hover, - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_FriendsButton_"]:hover, -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div._1TdaAqMFadi0UTqilrkelR:hover, - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_DownloadStatusContent_"]:hover, -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div.ip-YZhijAMZcuRoXBGiye:hover -{ - background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-hover-opacity)) !important; -} - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_Button_"]:active, -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._2Szzh5sKyGgnLUR870zbDE:active, - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_AccountMenu_"]:active, -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._3yD46y5pd3zOGR7CzKs0mC:active, - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_FriendsButton_"]:active, -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div._1TdaAqMFadi0UTqilrkelR:active, - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_DownloadStatusContent_"]:active, -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div.ip-YZhijAMZcuRoXBGiye:active -{ - background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-active-opacity)) !important; -} - -/* Account Button */ -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="steamdesktop_TitleBarControls_"], -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._1-9sir4j_KQiMqdkZjQN0u -{ - flex-direction: row-reverse !important; -} - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="steamdesktop_TitleBarControls_"] div[class*="titlebarcontrols_AccountMenu_"]:hover, -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._1-9sir4j_KQiMqdkZjQN0u div._3yD46y5pd3zOGR7CzKs0mC:hover, - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="steamdesktop_TitleBarControls_"] div[class*="titlebarcontrols_AccountMenu_"]:active, -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._1-9sir4j_KQiMqdkZjQN0u div._3yD46y5pd3zOGR7CzKs0mC:active -{ - background: none !important; -} - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_AccountMenu_"] div[class*="steamavatar_avatarHolder_"] div.avatarStatus, -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._3yD46y5pd3zOGR7CzKs0mC div._1YGAHSfGavQI6MODJq-pJB div._1yIzy56YfJIliF6ykwhP2r, -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._3yD46y5pd3zOGR7CzKs0mC div.nibodjvvrm86uCfnnAn4g div._1yIzy56YfJIliF6ykwhP2r, - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_AccountMenu_"] div[class*="steamavatar_avatarHolder_"] + div, -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._3yD46y5pd3zOGR7CzKs0mC div._1YGAHSfGavQI6MODJq-pJB + div, -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._3yD46y5pd3zOGR7CzKs0mC div.nibodjvvrm86uCfnnAn4g + div, - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_AccountMenu_"] div[class*="titlebarcontrols_WalletBalance_"], -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._3yD46y5pd3zOGR7CzKs0mC div._2jphjrSifC6orDT4g_7Wd, - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_AccountMenu_"] svg[class*="titlebarcontrols_Chevron_"], -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._3yD46y5pd3zOGR7CzKs0mC svg._3x51wbt5DYyWC8JKwQ51ir -{ - display: none !important; -} - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_NotificationButtonContainer_"], -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._3mGEzzp18imtSzGPkduedi -{ - margin-right: 0 !important; +body.DesktopUI +{ + /* Profile, Notifications, etc */ + div._1-9sir4j_KQiMqdkZjQN0u + { + margin: 0 !important; + z-index: 1 !important; + margin-right: 120px !important; /* Space for menu, downloads, chat buttons */ + } + + div._2Szzh5sKyGgnLUR870zbDE, div._3yD46y5pd3zOGR7CzKs0mC, div._1TdaAqMFadi0UTqilrkelR, div.ip-YZhijAMZcuRoXBGiye + { + -webkit-app-region: no-drag; + cursor: default !important; + box-sizing: border-box !important; + width: 34px !important; + height: 34px !important; + min-width: 34px !important; + min-height: 34px !important; + max-width: 34px !important; + max-height: 34px !important; + padding: 0 !important; + margin: 0 !important; + margin-right: 6px !important; + background: transparent !important; + border-radius: var(--adw-button-radius) !important; + color: rgb(var(--adw-headerbar-fg-rgb)) !important; + font-family: var(--adw-text-font) !important; + font-size: var(--adw-text-title3-size) !important; + font-weight: var(--adw-text-title3-weight) !important; + line-height: 24px !important; + transition: var(--adw-button-transition) !important; + + &:hover + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-hover-opacity)) !important; + } + + &:active + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-active-opacity)) !important; + } + + div._2Lu3d-5qLmW4i19ysTt2jT._3rgV8pPmQvZC-01x9l-q-N & + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-opacity)) !important; + } + + div._2Lu3d-5qLmW4i19ysTt2jT._3rgV8pPmQvZC-01x9l-q-N &:hover + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-hover-opacity)) !important; + } + + div._2Lu3d-5qLmW4i19ysTt2jT._3rgV8pPmQvZC-01x9l-q-N &:active + { + background: rgba(var(--adw-headerbar-fg-rgb), var(--adw-selected-active-opacity)) !important; + } + } + + div._1-9sir4j_KQiMqdkZjQN0u + { + flex-direction: row-reverse !important; + } + + div._3yD46y5pd3zOGR7CzKs0mC + { + div.nibodjvvrm86uCfnnAn4g div._1yIzy56YfJIliF6ykwhP2r, + div.nibodjvvrm86uCfnnAn4g + div, + div._2jphjrSifC6orDT4g_7Wd, + svg._3x51wbt5DYyWC8JKwQ51ir + { + display: none !important; + } + + div.nibodjvvrm86uCfnnAn4g + { + width: 28px !important; + height: 28px !important; + margin: 3px !important; + } + } + + div._3mGEzzp18imtSzGPkduedi + { + margin-right: 0 !important; + } + + div.RtSv39ZoBOySnb8XQ5hJf svg + { + color: rgb(var(--adw-headerbar-fg-rgb)) !important; + } + + div.RtSv39ZoBOySnb8XQ5hJf._3L1c8C0o_xXzPy26aoLBFd + { + color: rgb(var(--adw-accent-rgb)) !important; + } + + /* Friends, Downloads */ + div._1TdaAqMFadi0UTqilrkelR, div._2EQ7ghgqIdjKv9jsQC0Zq9 div.ip-YZhijAMZcuRoXBGiye + { + -webkit-app-region: no-drag; + padding: 9px !important; + margin: 0 !important; + + &::before + { + background-color: rgb(var(--adw-headerbar-fg-rgb)); + content: ""; + width: 16px; + height: 16px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 16px; + z-index: 1; + pointer-events: none; + } + } + + div._1TdaAqMFadi0UTqilrkelR + { + position: absolute !important; + top: 7px !important; + right: calc(var(--adw-windowcontrols-margin-right) + 46px) !important; + + & > div + { + display: none !important; + } + + &::before + { + -webkit-mask-image: var(--adw-icon-chats); + } + } + + div._2EQ7ghgqIdjKv9jsQC0Zq9 + { + position: absolute !important; + top: 7px !important; + right: calc(var(--adw-windowcontrols-margin-right) + 86px) !important; + + div.ip-YZhijAMZcuRoXBGiye::before + { + -webkit-mask-image: var(--adw-icon-downloads); + } + } + + div.ip-YZhijAMZcuRoXBGiye + { + & > div, div._21vPQjHoo0uwud5lfCD_x-, div._1xCcFYWIrJ7W8WRDmGvR3y + { + display: none !important; + } + + div._2VtAqT03BpBsVdmxwptn9D + { + display: block !important; + box-shadow: none !important; + width: 34px !important; + height: 34px !important; + border-radius: var(--adw-button-radius) !important; + position: absolute !important; + left: 0 !important; + top: 0 !important; + + div._1KrJ3sFAqPBN9mfpaNTU5F + { + display: block !important; + width: 32px !important; + height: 32px !important; + border: 1px transparent solid; + border-radius: var(--adw-button-radius) !important; + box-shadow: none !important; + + img + { + border-radius: var(--adw-button-radius) !important; + filter: var(--adw-gameicon-uninstalled-filter) !important; + } + } + + div._2_FomluqqgQ2Hx8ON3AVep + { + width: 32px !important; + height: 3px !important; + position: absolute !important; + bottom: 1px !important; + left: 1px !important; + border-radius: 0 !important; + + div.wi0pDywRgOCxhG7OqQNaA + { + --color-progress-bar-background: transparent !important; + --color-progress-bar-foreground: rgb(var(--adw-accent-rgb)) !important; + } + } + } + } + + /* Account alerts */ + div._32TmRVFkc8HMIUZ-KnnKby + { + font-size: 0 !important; + line-height: 0 !important; + + &::before + { + background-color: rgb(var(--adw-warning-rgb)); + content: ""; + width: 16px; + height: 16px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 16px; + -webkit-mask-image: var(--adw-icon-warning); + } + } + + /* Hidden buttons */ + div._5wILZhsLODVwGfcJ0hKmJ, div._3LKQ3S_yqrebeNLF6aeiog, div._3lRfTo8Wo3phXfE1DvK6QW + { + display: none !important; + } } - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_NotificationsButton_"] svg, -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div.RtSv39ZoBOySnb8XQ5hJf svg -{ - color: rgb(var(--adw-headerbar-fg-rgb)) !important; -} - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_NotificationsButton_"][class*="titlebarcontrols_HasNew_"], -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div.RtSv39ZoBOySnb8XQ5hJf._3L1c8C0o_xXzPy26aoLBFd -{ - color: rgb(var(--adw-accent-rgb)) !important; -} - -/* Friends */ -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_FriendsButton_"], -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div._1TdaAqMFadi0UTqilrkelR -{ - -webkit-app-region: no-drag; - padding: 9px !important; - margin: 0 !important; - position: absolute !important; - right: calc(var(--adw-windowcontrols-margin-right) + 46px) !important; - top: 7px !important; -} - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_FriendsButton_"] > div, -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div._1TdaAqMFadi0UTqilrkelR > div -{ - display: none !important; -} - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_FriendsButton_"]::before, -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div._1TdaAqMFadi0UTqilrkelR::before -{ - background-color: rgb(var(--adw-headerbar-fg-rgb)); - content: ""; - width: 16px; - height: 16px; - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; - -webkit-mask-size: 16px; - -webkit-mask-image: var(--adw-icon-chats); -} - -/* Downloads */ -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_DownloadStatus_"], -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div._2EQ7ghgqIdjKv9jsQC0Zq9 -{ - -webkit-app-region: no-drag; - display: block !important; - padding: 0 !important; - margin: 0 !important; - position: absolute !important; - right: calc(var(--adw-windowcontrols-margin-right) + 86px) !important; - top: 7px !important; -} - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_DownloadStatusContent_"], -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div.ip-YZhijAMZcuRoXBGiye -{ - position: relative !important; - display: block !important; - margin: 0 !important; - overflow: hidden !important; -} - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_DownloadStatusContent_"] > div, -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div.ip-YZhijAMZcuRoXBGiye > div, - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_DownloadStatusContent_"] div[class*="bottombar_IconBevel_"], -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div.ip-YZhijAMZcuRoXBGiye div._21vPQjHoo0uwud5lfCD_x-, - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_DownloadStatusContent_"] div[class*="bottombar_StatusLine_"], -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div.ip-YZhijAMZcuRoXBGiye div._1xCcFYWIrJ7W8WRDmGvR3y -{ - display: none !important; -} - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_DownloadStatusContent_"]::before, -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div.ip-YZhijAMZcuRoXBGiye::before -{ - background-color: rgb(var(--adw-headerbar-fg-rgb)); - content: ""; - position: absolute; - width: 16px; - height: 16px; - top: 9px; - left: 9px; - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; - -webkit-mask-size: 16px; - -webkit-mask-image: var(--adw-icon-downloads); -} - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_DownloadStatusContent_"] > div[class*="bottombar_DetailedDownloadProgress_"], -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div.ip-YZhijAMZcuRoXBGiye > div._2VtAqT03BpBsVdmxwptn9D -{ - display: block !important; - box-shadow: none !important; - width: 34px !important; - height: 34px !important; - border-radius: var(--adw-button-radius) !important; -} - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_DownloadStatusContent_"] > div[class*="bottombar_DetailedDownloadProgress_"] div[class*="bottombar_Icon_"], -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div.ip-YZhijAMZcuRoXBGiye > div._2VtAqT03BpBsVdmxwptn9D div._1KrJ3sFAqPBN9mfpaNTU5F -{ - display: block !important; - width: 32px !important; - height: 32px !important; - border: 1px transparent solid; - border-radius: var(--adw-button-radius) !important; - box-shadow: none !important; -} - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_DownloadStatusContent_"] > div[class*="bottombar_DetailedDownloadProgress_"] div[class*="bottombar_Icon_"] img, -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div.ip-YZhijAMZcuRoXBGiye > div._2VtAqT03BpBsVdmxwptn9D div._1KrJ3sFAqPBN9mfpaNTU5F img -{ - border-radius: var(--adw-button-radius) !important; -} - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_DownloadStatusContent_"] > div[class*="bottombar_DetailedDownloadProgress_"] div[class*="bottombar_ProgressBarWrapper_"], -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div.ip-YZhijAMZcuRoXBGiye > div._2VtAqT03BpBsVdmxwptn9D div._2_FomluqqgQ2Hx8ON3AVep -{ - width: 32px !important; - height: 3px !important; - position: absolute !important; - bottom: 1px !important; - left: 1px !important; - border-radius: 0 !important; -} - -body.DesktopUI div[class*="bottombar_BottomBarContainer_"] div[class*="bottombar_DownloadStatusContent_"] > div[class*="bottombar_DetailedDownloadProgress_"] div[class*="bottombar_ProgressBarWrapper_"] > div[class*="bottombar_ProgressBar_"], -body.DesktopUI div._1_yS5UP7el0aN4vntx3dx div.ip-YZhijAMZcuRoXBGiye > div._2VtAqT03BpBsVdmxwptn9D div._2_FomluqqgQ2Hx8ON3AVep > div.wi0pDywRgOCxhG7OqQNaA -{ - --color-progress-bar-background: transparent !important; - --color-progress-bar-foreground: rgb(var(--adw-accent-rgb)) !important; -} - -/* Account alerts */ -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_SupportAlertsButton_"], -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._32TmRVFkc8HMIUZ-KnnKby -{ - font-size: 0 !important; - line-height: 0 !important; -} - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_SupportAlertsButton_"]::before, -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._32TmRVFkc8HMIUZ-KnnKby::before -{ - background-color: rgb(var(--adw-warning-rgb)); - content: ""; - width: 16px; - height: 16px; - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; - -webkit-mask-size: 16px; - -webkit-mask-image: var(--adw-icon-warning); -} - -/* Hidden buttons */ -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_AnnouncementsButton"], -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._5wILZhsLODVwGfcJ0hKmJ, - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_GamepadUIToggle_"], -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._3LKQ3S_yqrebeNLF6aeiog, - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="titlebarcontrols_VRToggle_"], -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div._3lRfTo8Wo3phXfE1DvK6QW -{ - display: none !important; -} - diff --git a/adwaita/css/main/library/sidebar/gamelist.css b/adwaita/css/main/library/sidebar/gamelist.css index c79e419..7f86513 100644 --- a/adwaita/css/main/library/sidebar/gamelist.css +++ b/adwaita/css/main/library/sidebar/gamelist.css @@ -125,7 +125,6 @@ body.DesktopUI div[class*="gamelist_Container_"] div.ReactVirtualized__Grid, body.DesktopUI div._1ijTaXJJA5YWl_fW2IxcaT div.ReactVirtualized__Grid { padding: 6px 0 !important; - overflow: overlay !important; } body.DesktopUI div[class*="gamelist_Container_"] div.ReactVirtualized__Grid__innerScrollContainer > div, diff --git a/adwaita/css/widgets/avatars.css b/adwaita/css/widgets/avatars.css index 22639d2..5672fc7 100644 --- a/adwaita/css/widgets/avatars.css +++ b/adwaita/css/widgets/avatars.css @@ -1,80 +1,86 @@ -body.DesktopUI div[class*="steamavatar_avatarHolder_"], -body.DesktopUI div._1YGAHSfGavQI6MODJq-pJB, -body.DesktopUI div.nibodjvvrm86uCfnnAn4g, -body.DesktopUI div[class*="steamavatar_avatarHolder_"] img.avatar, -body.DesktopUI div._1YGAHSfGavQI6MODJq-pJB img.avatar, -body.DesktopUI div.nibodjvvrm86uCfnnAn4g img.avatar -{ - box-sizing: border-box !important; - width: 32px !important; - height: 32px !important; - border-radius: 50% !important; - overflow: hidden !important; - transform: none !important; - box-shadow: none !important; - border: none !important; - padding: 0 !important; - margin: 0 !important; - cursor: default !important; - position: relative !important; -} -body.DesktopUI div[class*="steamavatar_avatarHolder_"], -body.DesktopUI div._1YGAHSfGavQI6MODJq-pJB, -body.DesktopUI div.nibodjvvrm86uCfnnAn4g +body.DesktopUI, +html.client_chat_frame { - color: rgba(var(--adw-headerbar-fg-rgb), 0.5) !important; - border: 1px currentColor solid !important; - transition: color 200ms !important; -} + div.nibodjvvrm86uCfnnAn4g + { + color: rgb(var(--adw-user-offline-rgb)) !important; + border: 1px currentColor solid !important; + transition: color 200ms var(--adw-base-transition-curve) !important; -body.DesktopUI div[class*="steamavatar_avatarHolder_"]::after, -body.DesktopUI div._1YGAHSfGavQI6MODJq-pJB::after, -body.DesktopUI div.nibodjvvrm86uCfnnAn4g::after -{ - content: ""; - position: absolute; - border-radius: 50%; - box-shadow: inset 0 0 1px currentColor; - top: 0; - bottom: 0; - left: 0; - right: 0; -} + &, img.avatar + { + box-sizing: border-box !important; + width: 32px !important; + height: 32px !important; + border-radius: 50% !important; + transform: none !important; + box-shadow: none !important; + padding: 0 !important; + margin: 0 !important; + cursor: default !important; + position: relative !important; + } -body.DesktopUI div[class*="steamavatar_avatarHolder_"] img.avatar, -body.DesktopUI div._1YGAHSfGavQI6MODJq-pJB img.avatar, -body.DesktopUI div.nibodjvvrm86uCfnnAn4g img.avatar -{ - width: 100% !important; - height: 100% !important; -} + & > img.avatar + { + width: 100% !important; + height: 100% !important; + overflow: hidden !important; + border: none !important; + } -body.DesktopUI div[class*="steamavatar_avatarHolder_"].online, -body.DesktopUI div._1YGAHSfGavQI6MODJq-pJB.online, -body.DesktopUI div.nibodjvvrm86uCfnnAn4g.online -{ - color: rgba(var(--adw-accent-rgb), 0.5) !important; -} + &::before + { + content: ""; + position: absolute; + border-radius: 50%; + box-shadow: inset 0 0 1px currentColor; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1; + } -body.DesktopUI div[class*="steamavatar_avatarHolder_"].online.awayOrSnooze, -body.DesktopUI div._1YGAHSfGavQI6MODJq-pJB.online.awayOrSnooze, -body.DesktopUI div.nibodjvvrm86uCfnnAn4g.online.awayOrSnooze -{ - border-style: dashed !important; -} + &::after + { + content: ""; + position: absolute; + border-radius: 50%; + background-color: currentColor; + bottom: 0; + right: 0; + width: 8px; + height: 8px; + z-index: 2; + box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.5); + } -body.DesktopUI div[class*="steamavatar_avatarHolder_"].ingame, -body.DesktopUI div._1YGAHSfGavQI6MODJq-pJB.ingame, -body.DesktopUI div.nibodjvvrm86uCfnnAn4g.ingame -{ - color: rgba(var(--adw-success-rgb), 0.5) !important; -} + &.online + { + color: rgb(var(--adw-user-online-rgb)) !important; + } -body.DesktopUI div[class*="steamavatar_avatarHolder_"] div.avatarStatus, -body.DesktopUI div._1YGAHSfGavQI6MODJq-pJB div.avatarStatus, -body.DesktopUI div.nibodjvvrm86uCfnnAn4g div.avatarStatus -{ - display: none !important; + &.awayOrSnooze + { + border-style: dashed !important; + } + + &.ingame + { + color: rgb(var(--adw-user-ingame-rgb)) !important; + } + + &.offline::after + { + display: none !important; + } + + div.avatarStatus, div.avatarFrame, div.SnoozeContainer + { + display: none !important; + } + } } diff --git a/adwaita/css/widgets/scrollbars.css b/adwaita/css/widgets/scrollbars.css index 716eec5..6a4c245 100644 --- a/adwaita/css/widgets/scrollbars.css +++ b/adwaita/css/widgets/scrollbars.css @@ -1,33 +1,10 @@ -body.DesktopUI *::-webkit-scrollbar -{ - width: 6px !important; - appearance: none !important; -} - -body.DesktopUI *::-webkit-scrollbar-thumb -{ - background-color: rgba(var(--adw-window-fg-rgb), 0.1) !important; - border: 1px rgba(0, 0, 0, 0.1) solid !important; - background-clip: border-box !important; - border-radius: 3px !important; - min-height: 40px !important; - z-index: 12 !important; -} - -body.DesktopUI *:hover::-webkit-scrollbar-thumb -{ - background-color: rgba(var(--adw-window-fg-rgb), 0.2) !important; - border: 1px rgba(0, 0, 0, 0.2) solid !important; -} - -body.DesktopUI *::-webkit-scrollbar-thumb:hover -{ - background-color: rgba(var(--adw-window-fg-rgb), 0.4) !important; - border: 1px rgba(0, 0, 0, 0.4) solid !important; -} - -body.DesktopUI *::-webkit-scrollbar-thumb:active -{ - background-color: rgba(var(--adw-window-fg-rgb), 0.6) !important; - border: 1px rgba(0, 0, 0, 0.6) solid !important; +body.DesktopUI, +html.client_chat_frame +{ + ::-webkit-scrollbar + { + appearance: none !important; + background: transparent !important; + display: none !important; + } } diff --git a/adwaita/css/widgets/windows.css b/adwaita/css/widgets/windows.css index 05f88f1..0ad06d4 100644 --- a/adwaita/css/widgets/windows.css +++ b/adwaita/css/widgets/windows.css @@ -1,108 +1,93 @@ -body.DesktopUI .title-area, -html.client_chat_frame .title-area +body.DesktopUI, +html.client_chat_frame { - min-height: 46px !important; - cursor: default !important; -} + .title-area + { + min-height: 46px !important; + cursor: default !important; + } -body.DesktopUI .title-bar-actions, -html.client_chat_frame .title-bar-actions -{ - height: 36px !important; - max-height: 36px !important; - margin-top: 5px !important; - cursor: default !important; -} + .title-bar-actions + { + height: 36px !important; + max-height: 36px !important; + margin-top: 5px !important; + cursor: default !important; -body.DesktopUI .title-bar-actions.window-controls, -html.client_chat_frame .title-bar-actions.window-controls -{ - margin-right: 10px !important; -} + &.window-controls + { + margin-right: 10px !important; + } -body.DesktopUI .title-bar-actions .title-area-icon, -html.client_chat_frame .title-bar-actions .title-area-icon -{ - width: 24px !important; - height: 24px !important; - padding: 4px !important; - box-sizing: border-box !important; - border-radius: 50% !important; - margin-left: 14px !important; - background-color: rgba(var(--adw-window-fg-rgb), var(--adw-button-bg-opacity)) !important; - transition: var(--adw-button-transition) !important; -} + .title-area-icon + { + width: 24px !important; + height: 24px !important; + padding: 4px !important; + box-sizing: border-box !important; + border-radius: 50% !important; + margin-left: 14px !important; + background-color: rgba(var(--adw-window-fg-rgb), var(--adw-button-bg-opacity)) !important; + transition: var(--adw-button-transition) !important; -body.DesktopUI .title-bar-actions .title-area-icon:hover, -html.client_chat_frame .title-bar-actions .title-area-icon:hover -{ - background-color: rgba(var(--adw-window-fg-rgb), var(--adw-button-bg-opacity-hover)) !important; -} + &:hover + { + background-color: rgba(var(--adw-window-fg-rgb), var(--adw-button-bg-opacity-hover)) !important; + } -body.DesktopUI .title-bar-actions .title-area-icon:active, -html.client_chat_frame .title-bar-actions .title-area-icon:active -{ - background-color: rgba(var(--adw-window-fg-rgb), var(--adw-button-bg-opacity-active)) !important; -} + &:active + { + background-color: rgba(var(--adw-window-fg-rgb), var(--adw-button-bg-opacity-active)) !important; + } -body.DesktopUI .title-bar-actions .title-area-icon > div, -html.client_chat_frame .title-bar-actions .title-area-icon > div -{ - display: none !important; -} + > div + { + display: none !important; + } -body.DesktopUI .title-bar-actions .title-area-icon::before, -html.client_chat_frame .title-bar-actions .title-area-icon::before -{ - background-color: rgb(var(--adw-window-fg-rgb)); - content: ""; - display: block; - width: 16px; - height: 16px; - -webkit-mask-repeat: no-repeat; - -webkit-mask-position: center; - -webkit-mask-size: 16px; -} + &::before + { + background-color: rgb(var(--adw-window-fg-rgb)); + content: ""; + display: block; + width: 16px; + height: 16px; + -webkit-mask-repeat: no-repeat; + -webkit-mask-position: center; + -webkit-mask-size: 16px; + } -body.DesktopUI .title-bar-actions .closeButton::before, -html.client_chat_frame .title-bar-actions .closeButton::before -{ - -webkit-mask-image: var(--adw-icon-window-close); -} + &.closeButton::before + { + -webkit-mask-image: var(--adw-icon-window-close); + } -body.DesktopUI .title-bar-actions .maximizeButton::before, -html.client_chat_frame .title-bar-actions .maximizeButton::before -{ - -webkit-mask-image: var(--adw-icon-window-maximize); -} + &.maximizeButton::before + { + -webkit-mask-image: var(--adw-icon-window-maximize); + } -body.DesktopUI .title-bar-actions .minimizeButton::before, -html.client_chat_frame .title-bar-actions .minimizeButton::before -{ - -webkit-mask-image: var(--adw-icon-window-minimize); -} + &.minimizeButton::before + { + -webkit-mask-image: var(--adw-icon-window-minimize); + } -body.DesktopUI .title-bar-actions .restoreButton::before, -html.client_chat_frame .title-bar-actions .restoreButton::before -{ - -webkit-mask-image: var(--adw-icon-window-restore); -} - -body.DesktopUI div[class*="steamdesktop_TopBar_"] div[class*="steamdesktop_WindowControls_"], -body.DesktopUI div._3Z7VQ1IMk4E3HsHvrkLNgo div.qP17eBPXkfezFfexZ4hC3, + &.restoreButton::before + { + -webkit-mask-image: var(--adw-icon-window-restore); + } + } + } -html.client_chat_frame div[class*="steamdesktop_TopBar_"] div[class*="steamdesktop_WindowControls_"], -html.client_chat_frame div._3Z7VQ1IMk4E3HsHvrkLNgo div.qP17eBPXkfezFfexZ4hC3 -{ - flex-basis: var(--adw-windowcontrols-margin-right) !important; -} + div._3Z7VQ1IMk4E3HsHvrkLNgo div.qP17eBPXkfezFfexZ4hC3 + { + flex-basis: var(--adw-windowcontrols-margin-right) !important; + } -body.DesktopUI .title-bar-actions .title-area-icon.minimizeButton, -body.DesktopUI .title-bar-actions .title-area-icon.maximizeButton, -body.DesktopUI .title-bar-actions .title-area-icon.restoreButton, -html.client_chat_frame .title-bar-actions .title-area-icon.minimizeButton, -html.client_chat_frame .title-bar-actions .title-area-icon.maximizeButton, -html.client_chat_frame .title-bar-actions .title-area-icon.restoreButton -{ - display: none !important; + .title-bar-actions .title-area-icon.minimizeButton, + .title-bar-actions .title-area-icon.maximizeButton, + .title-bar-actions .title-area-icon.restoreButton + { + display: none !important; + } } diff --git a/adwaita/extras/library/sidebar_hover.css b/adwaita/extras/library/sidebar_hover.css index d3ed396..625a608 100644 --- a/adwaita/extras/library/sidebar_hover.css +++ b/adwaita/extras/library/sidebar_hover.css @@ -52,4 +52,4 @@ body.DesktopUI div[class*="gamelistbar_GameListHomeAndSearch_"], body.DesktopUI div._2TKEazUUS3TlniZfpc8OOe { top: -40px !important; -} \ No newline at end of file +} diff --git a/install.py b/install.py index 55787a7..1bfaab7 100755 --- a/install.py +++ b/install.py @@ -107,6 +107,8 @@ "css/main/library/library.css", "css/chat/chat.css", + "css/chat/sidebar.css", + "css/chat/messages.css", "css/dialogs/pagedsettings/dialog.css", "css/dialogs/pagedsettings/rows.css", diff --git a/theme.json b/theme.json index 63470ae..ff01ac9 100644 --- a/theme.json +++ b/theme.json @@ -1,7 +1,7 @@ { "name": "Adwaita for Steam", "author": "tk", - "version": "v2.6", + "version": "v2.7", "manifest_version": 8, "description": "A skin to make Steam look more like a native GNOME app", "target": "Desktop", @@ -47,6 +47,8 @@ "adwaita/css/main/library/library.css": ["all"], "adwaita/css/chat/chat.css": ["all"], + "adwaita/css/chat/messages.css": ["all"], + "adwaita/css/chat/sidebar.css": ["all"], "adwaita/css/dialogs/pagedsettings/dialog.css": ["all"], "adwaita/css/dialogs/pagedsettings/rows.css": ["all"], @@ -66,6 +68,7 @@ "catppuccin-macchiato": { "adwaita/colorthemes/catppuccin-macchiato/catppuccin-macchiato.css": ["all"] }, "catppuccin-mocha": { "adwaita/colorthemes/catppuccin-mocha/catppuccin-mocha.css": ["all"] }, "dracula": { "adwaita/colorthemes/dracula/dracula.css": ["all"] }, + "everforest": { "adwaita/colorthemes/everforest/everforest.css": ["all"] }, "gruvbox": { "adwaita/colorthemes/gruvbox/gruvbox.css": ["all"] }, "kate": { "adwaita/colorthemes/kate/kate.css": ["all"] }, "metro": { "adwaita/colorthemes/metro/metro.css": ["all"] }, @@ -122,9 +125,6 @@ "type": "dropdown", "values": { "Default": {}, - "Dots": { - "adwaita/extras/windowcontrols/dots.css": ["all"] - }, "Hide Close": { "adwaita/extras/windowcontrols/hide-close.css": ["all"] },