From e69ac871059e578e3e529106f462be3f655612e8 Mon Sep 17 00:00:00 2001 From: Gen Date: Wed, 18 Sep 2024 11:56:33 -0700 Subject: [PATCH] a bunch of changes that i cba to describe in detail LOL --- styles/roblox/catppuccin.user.css | 70 +++++++++++++++++++++---------- 1 file changed, 49 insertions(+), 21 deletions(-) diff --git a/styles/roblox/catppuccin.user.css b/styles/roblox/catppuccin.user.css index c442b9f253..82ff192fd7 100644 --- a/styles/roblox/catppuccin.user.css +++ b/styles/roblox/catppuccin.user.css @@ -100,6 +100,21 @@ .signup-container .gender-button:focus{ border-color: @surface1 !important; } + .signup-submit-button, .signup-submit-button[disabled], .cross-device-login-button, .login-button, .otp-login-button { + background-color: @surface2 !important; + border-color: @surface2; + color: @text; + } + .login-button:hover,.signup-submit-button:hover, .otp-login-button:hover, .cross-device-login-button:hover { + background-color: @accent-color !important; + color: @mantle; + border-color: @accent-color; + } + + .cross-device-login-button:hover >span { + color: @mantle !important; + }; + .profile-accoutrements-container .profile-accoutrements-page-container .page-active{ background: @surface2; } @@ -138,7 +153,6 @@ background: url("data:image/svg+xml,@{svg}") no-repeat !important; @svg: escape( '' ); - background: url("data:image/svg+xml,@{svg}") no-repeat !important; background-position: 0 -140px !important; background-size: auto auto !important; @@ -152,6 +166,16 @@ background: url("data:image/svg+xml,@{svg}") no-repeat !important; background-position: 0 -140px !important; background-size: auto auto !important; } + + .verified-badge-icon-catalog-item-rendered { + @svg: escape( + ''); + background: url("data:image/svg+xml,@{svg}") !important; + height: 12px; + width: 12px; +margin-left: -2px; +border: 0;} + .icon-nav-profile{ @svg: escape( '' @@ -570,18 +594,30 @@ background-position: 0 -336px !important; background-position: 0 -100px !important; } - .modal-dialog.modal-content.modal-header.icon-close { + .icon-close { @svg: escape( ''); - content: url("data:image/svg+xml,@{svg}") !important; - background-size: 56px auto !important; - vertical-align: top; - width: 28px; - display: inline-block; - height: 28px; + background: url("data:image/svg+xml,@{svg}") !important; background-position: 0 -588px !important; } + .modal-lock-icon { + @svg: escape(''); + background-image: url("data:image/svg+xml,@{svg}") !important; + } + + /* 2fa */ + .modal-modern-footer-button { + background-color: @surface2 !important; + color: @text; + border-color: @surface1; + } + .modal-modern-footer-button:hover { +background-color: @accent-color !important; +color: @mantle; +border-color: @accent-color; + } + .info-label.icon-votes-gray { @svg: escape(''); background-image: url("data:image/svg+xml,@{svg}") !important; @@ -752,12 +788,6 @@ background-position: 0 -336px !important; color: @text !important; } - .btn-cta-md[disabled] { - background-color: @surface1; - border-color: @surface1; - color: @subtext0; - } - input[type="checkbox"], input[type="radio"] { background-color: @surface2 !important; color: @text !important; @@ -822,10 +852,8 @@ background-position: 0 -336px !important; border-color: @accent-color; color: @base; } - .btn-secondary-md{ - border-color: @accent-color; - } - .btn-growth-md:hover, .btn-growth-md:hover>div, .btn-growth-md:active, .rbx-upgrade-now .btn-secondary-md:hover, .rbx-upgrade-now .btn-secondary-md:active, .btn-primary-lg:active, .btn-primary-xs:hover, .btn-primary-xs:active, .btn-growth-xs:hover, .btn-growth-xs:active, .btn-growth-sm:hover, .btn-growth-sm:active, .btn-growth-lg:active, .btn-growth-lg:hover, .btn-primary-md:focus, .btn-primary-md:hover, .rbx-game-server-item .btn-control-xs:hover, .btn-secondary-md:hover, .rbx-friends-game-server-item .btn-control-xs:hover, .create-chat-container .select-friends-btns .select-friends-save:hover, .btn-primary-lg[disabled],.btn-buy-md:hover, .btn-buy-md:active, .btn-buy-md:focus, .btn-primary-md[disabled], .btn-cta-xs[disabled], .btn-control-md:hover, .btn-control-md:active, .btn-control-md:focus, .btn-control-sm:hover, .see-more-resellers:focus, .btn-control-sm:focus, .btn-control-sm:active, .avatar-card-btns .accept-friend:hover,.select-group .select-option:hover, .select-group .select-option:focus, .select-group .select-option:active, .btn-growth-md:focus, .btn-cta-md:hover, .btn-cta-md:focus, .btn-cta-md:active { + + .btn-growth-md:hover, .btn-growth-md:hover>div, .btn-growth-md:active, .rbx-upgrade-now .rbx-upgrade-now .btn-primary-lg:active, .btn-primary-xs:hover, .btn-primary-xs:active, .btn-growth-xs:hover, .btn-growth-xs:active, .btn-growth-sm:hover, .btn-growth-sm:active, .btn-growth-lg:active, .btn-growth-lg:hover, .rbx-game-server-item .btn-control-xs:hover, .rbx-friends-game-server-item .btn-control-xs:hover, .create-chat-container .select-friends-btns .select-friends-save:hover, .btn-primary-lg[disabled],.btn-buy-md:hover, .btn-buy-md:active, .btn-buy-md:focus, .btn-cta-xs[disabled], .btn-control-sm:hover, .see-more-resellers:focus, .btn-control-sm:focus, .btn-control-sm:active, .avatar-card-btns .accept-friend:hover,.select-group .select-option:hover, .select-group .select-option:focus, .select-group .select-option:active, .btn-growth-md:focus { background-color: @surface0 !important; border-color: @surface0 !important; color: @text !important; @@ -877,7 +905,7 @@ background-position: 0 -336px !important; border-color: @maroon; color: @maroon; } - .rbx-friends-game-server-item .btn-control-xs, .btn-buy-md, .btn-buy-md[disabled], .see-more-resellers, .btn-secondary-md[disabled], .btn-secondary-md, .btn-secondary-md:visited, .passkey-manage-region .passkey-manage-field .passkey-manage-button > span, .btn-control-md.disabled, .btn-secondary-sm.disabled, .btn-secondary-md.disabled, .select-group .select-option { + .rbx-friends-game-server-item .btn-control-xs, .btn-buy-md, .btn-buy-md[disabled], .see-more-resellers, .passkey-manage-region .passkey-manage-field .passkey-manage-button > span, .btn-secondary-sm.disabled, .select-group .select-option { border-color: @accent-color; color: @accent-color; } @@ -885,7 +913,7 @@ background-position: 0 -336px !important; color: @accent-color !important; border-color: @accent-color !important; } - .rbx-upgrade-now .btn-secondary-md, .btn-primary-md, .btn-primary-xs, .btn-common-play-game-lg, .btn-growth-xs, .btn-growth-sm, .rbx-game-server-item .btn-control-xs, .request-error-page-content .action-buttons .btn-primary-md, .btn-control-md, .btn-growth-md > div, .btn-growth-md, .stack .server-player-count-gauge .gauge-inner-bar, .create-chat-container .select-friends-btns .select-friends-save, .avatar-card-btns .accept-friend, .btn-cta-md { + .rbx-upgrade-now, .btn-primary-xs, .btn-common-play-game-lg, .btn-growth-xs, .btn-growth-sm, .rbx-game-server-item .btn-control-xs, .request-error-page-content .action-buttons, .btn-growth-md > div, .btn-growth-md, .stack .server-player-count-gauge .gauge-inner-bar, .create-chat-container .select-friends-btns .select-friends-save, .avatar-card-btns .accept-friend{ background-color: @surface0; border-color: @surface0; color: @text !important; @@ -935,7 +963,7 @@ background-position: 0 -336px !important; cashlabel{ color: @accent-color !important;; } - .rbx-game-server-item .btn-control-xs, .rbx-friends-game-server-item .btn-control-xs, .rbx-private-server-item .btn-control-xs, .btn-control-md{ + .rbx-game-server-item .btn-control-xs, .rbx-friends-game-server-item .btn-control-xs, .rbx-private-server-item .btn-control-xs{ background-color: @surface2 !important; color: @text !important; }