diff --git a/src/_guilds.scss b/src/_guilds.scss index b2045f8..a6804d0 100644 --- a/src/_guilds.scss +++ b/src/_guilds.scss @@ -4,30 +4,36 @@ /////////////////////// */ .theme-dark { -.guilds-2JjMmN .scroller-3X7KbA, .wrapper-1_HaEi { - background-color: var(--surCordGuilds); -} - .platform-osx .unreadMentionsIndicatorTop-2bTgUU .unreadMentionsBar-ZXXoOH, .unreadMentionsIndicatorBottom-3RJMnQ .unreadMentionsBar-ZXXoOH{ - background: linear-gradient(rgb(44, 192, 90), rgb(45, 179, 87)) ; + .guilds-2JjMmN .scroller-3X7KbA, + .wrapper-1_HaEi { + background-color: var(--surCordGuilds); + } + .platform-osx .unreadMentionsIndicatorTop-2bTgUU .unreadMentionsBar-ZXXoOH, + .unreadMentionsIndicatorBottom-3RJMnQ .unreadMentionsBar-ZXXoOH, + .unreadMentionsIndicatorTop-2bTgUU .unreadMentionsBar-ZXXoOH { + background: linear-gradient(rgb(44, 192, 90), rgb(45, 179, 87)); + backdrop-filter: blur(5px); } .expandedFolderBackground-1kSAf6 { backdrop-filter: blur(20px); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); - border: 1px solid rgb(78, 78, 81); + border: 1px solid rgb(78, 78, 81); border-radius: 15px; background: rgba(41, 38, 39, 0.276); } - .closedFolderIconWrapper-3tRb2d { - backdrop-filter: blur(20px); - box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); - border: 1px solid rgb(78, 78, 81); - border-radius: 15px; - background: rgba(41, 38, 39, 0.276); - } - .expandedFolderBackground-1kSAf6.collapsed-uGXEbi, .expandedFolderBackground-1kSAf6.collapsed-uGXEbi.hover-3m7-WT { - display: none; - } - .folder-241Joy, .folder-241Joy:hover { + .closedFolderIconWrapper-3tRb2d { + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(78, 78, 81); + border-radius: 15px; + background: rgba(41, 38, 39, 0.276); + } + .expandedFolderBackground-1kSAf6.collapsed-uGXEbi, + .expandedFolderBackground-1kSAf6.collapsed-uGXEbi.hover-3m7-WT { + display: none; + } + .folder-241Joy, + .folder-241Joy:hover { background-color: #00000000; } .item-2LIpTv { @@ -38,59 +44,63 @@ } .circleIconButton-1VxDrg { backdrop-filter: blur(20px); - border: 1px solid rgb(78, 78, 81); + border: 1px solid rgb(78, 78, 81); border-radius: 15px; background: rgba(39, 38, 41, 0.276); color: var(--accent-selected); } .circleIconButton-1VxDrg:hover { background: rgba(99, 81, 199, 0.276); - color: var(--accent-selected); + color: var(--accent-selected); } } .theme-light { - .guilds-2JjMmN .scroller-3X7KbA, .wrapper-1_HaEi { + .guilds-2JjMmN .scroller-3X7KbA, + .wrapper-1_HaEi { background-color: rgb(225, 225, 225); } - .platform-osx .unreadMentionsIndicatorTop-2bTgUU .unreadMentionsBar-ZXXoOH, .unreadMentionsIndicatorBottom-3RJMnQ .unreadMentionsBar-ZXXoOH{ - background: linear-gradient(rgb(44, 192, 90), rgb(45, 179, 87)) ; - } - .expandedFolderBackground-1kSAf6 { - backdrop-filter: blur(20px); + .platform-osx .unreadMentionsIndicatorTop-2bTgUU .unreadMentionsBar-ZXXoOH, + .unreadMentionsIndicatorBottom-3RJMnQ .unreadMentionsBar-ZXXoOH { + background: linear-gradient(rgb(44, 192, 90), rgb(45, 179, 87)); + } + .expandedFolderBackground-1kSAf6 { + backdrop-filter: blur(20px); background: rgba(226, 221, 225, 0.89); box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.146); - border: 1px solid rgba(249, 249, 249, 0.772); - border-radius: 15px; - } - .closedFolderIconWrapper-3tRb2d { - backdrop-filter: blur(20px); - box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); - border: 1px solid rgb(186, 186, 186); - border-radius: 15px; - background: rgba(207, 222, 222, 0.276); - } - .expandedFolderBackground-1kSAf6.collapsed-uGXEbi, .expandedFolderBackground-1kSAf6.collapsed-uGXEbi.hover-3m7-WT { - display: none; - } - .folder-241Joy, .folder-241Joy:hover { - background-color: #00000000; - } - .item-2LIpTv { - width: 8px; - border-radius: 5px 5px 5px 5px; - margin-left: 0px; - background-color: rgb(145, 138, 152); - } - .circleIconButton-1VxDrg { - background: rgba(231, 234, 237, 0.436) !important; - backdrop-filter: blur(20px); - border: 1px solid rgb(186, 186, 186); - border-radius: 15px; - color: var(--accent-selected); - } - .circleIconButton-1VxDrg:hover { - background: rgba(99, 81, 199, 0.276); - color: var(--accent-selected); - } - } \ No newline at end of file + border: 1px solid rgba(249, 249, 249, 0.772); + border-radius: 15px; + } + .closedFolderIconWrapper-3tRb2d { + backdrop-filter: blur(20px); + box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.483); + border: 1px solid rgb(186, 186, 186); + border-radius: 15px; + background: rgba(207, 222, 222, 0.276); + } + .expandedFolderBackground-1kSAf6.collapsed-uGXEbi, + .expandedFolderBackground-1kSAf6.collapsed-uGXEbi.hover-3m7-WT { + display: none; + } + .folder-241Joy, + .folder-241Joy:hover { + background-color: #00000000; + } + .item-2LIpTv { + width: 8px; + border-radius: 5px 5px 5px 5px; + margin-left: 0px; + background-color: rgb(145, 138, 152); + } + .circleIconButton-1VxDrg { + background: rgba(231, 234, 237, 0.436) !important; + backdrop-filter: blur(20px); + border: 1px solid rgb(186, 186, 186); + border-radius: 15px; + color: var(--accent-selected); + } + .circleIconButton-1VxDrg:hover { + background: rgba(99, 81, 199, 0.276); + color: var(--accent-selected); + } +}