diff --git a/build.scss b/build.scss index 3a270ce..1e8f66d 100644 --- a/build.scss +++ b/build.scss @@ -2,4 +2,5 @@ @use 'user/activity'; @use 'user/profile'; @use 'community/groups'; -@use 'contributors/userAvatars'; \ No newline at end of file +@use 'contributors/userAvatars'; +@use 'contributors/images'; \ No newline at end of file diff --git a/community/styles.scss b/community/styles.scss new file mode 100644 index 0000000..4361b5f --- /dev/null +++ b/community/styles.scss @@ -0,0 +1,13 @@ +// _styles.scss + +$txtcolor: #6624e2; +$progressbar: #6624e2; +$customcolor: #6624e2; +$bgcolor: #121212; +$trans: transparent; +$grey: #2e2e2f; +$background: #1e1e1f; +$scrollbar: #6624e2; +$header: #3e3e3f; +$border1: 10px; +$text: #ffffff; \ No newline at end of file diff --git a/contributors/images.scss b/contributors/images.scss index 273c0fc..38222f1 100644 --- a/contributors/images.scss +++ b/contributors/images.scss @@ -27,4 +27,9 @@ /* group avatar image */ .avatarMedium img { border-radius: 10px !important; +} + +/* dynamic link image */ +img.dynamiclink_preview { + border-radius: 10px !important; } \ No newline at end of file diff --git a/contributors/styles.scss b/contributors/styles.scss new file mode 100644 index 0000000..4361b5f --- /dev/null +++ b/contributors/styles.scss @@ -0,0 +1,13 @@ +// _styles.scss + +$txtcolor: #6624e2; +$progressbar: #6624e2; +$customcolor: #6624e2; +$bgcolor: #121212; +$trans: transparent; +$grey: #2e2e2f; +$background: #1e1e1f; +$scrollbar: #6624e2; +$header: #3e3e3f; +$border1: 10px; +$text: #ffffff; \ No newline at end of file diff --git a/css/webkit.css b/css/webkit.css index 1f1de1c..2ec2de2 100644 --- a/css/webkit.css +++ b/css/webkit.css @@ -1,20 +1,11 @@ /* -------------------------STORE FEATURED------------------------- */ -:root { - /* Main Backgrounds Colors */ - --background: #1e1e1f; - --scrollbar: #6624e2; - --header: #3e3e3f; - --border1: 10px; - --text: #ffffff; -} - /* Scrollbar */ body::-webkit-scrollbar-thumb { background-clip: padding-box !important; -webkit-box-shadow: none !important; - background-color: var(--scrollbar) !important; + background-color: #6624e2 !important; border: 5px solid var(--darkgrey) !important; - border-radius: var(--border1) !important; + border-radius: 10px !important; width: 25px !important; } @@ -83,57 +74,57 @@ body::-webkit-scrollbar { /* Main Backgrounds */ html { /* Background */ - background: var(--background) !important; + background: #1e1e1f !important; } body { /* Background */ - background: var(--background) !important; + background: #1e1e1f !important; } body.v6 { /* Background */ - background: var(--background) !important; + background: #1e1e1f !important; } .home_page_body_ctn { /* Background */ - background: var(--background) !important; + background: #1e1e1f !important; } #MessageContent { /* Background */ - background: var(--background) !important; + background: #1e1e1f !important; } div.profile_page.has_profile_background { /* Background */ - background-color: var(--background) !important; + background-color: #1e1e1f !important; } body.profile_page #footer { /* Background */ - background: var(--background) !important; + background: #1e1e1f !important; } .labs_cluster { /* Background */ - background: var(--background) !important; + background: #1e1e1f !important; } .home_ctn.discovery_queue_ctn { /* Background */ - background-color: var(--background) !important; + background-color: #1e1e1f !important; } .home_ctn.apps_recommended_by_curators_ctn { /* Background */ - background: var(--background) !important; + background: #1e1e1f !important; } .home_ctn.tab_container { /* Background */ - background: var(--background) !important; + background: #1e1e1f !important; } /* Header */ @@ -152,7 +143,7 @@ body.v6 .store_nav .popup_block_new .popup_body, body.v6 #footer_nav .popup_bloc } .store_nav .popup_menu .popup_menu_item, .creator .responsive_page_template_content .popup_menu .popup_menu_item, .curator .responsive_page_template_content .popup_menu .popup_menu_item, .footer_content .popup_menu .popup_menu_item, .search_area .popup_body .match, .search_area .popup_body .match .match_name { - color: var(--text) !important; + color: #ffffff !important; } .popup_menu .popup_menu_item { @@ -180,7 +171,7 @@ a.store_header_btn_content { /* Header Hover */ background: #4e4e4f !important; border-radius: 20px !important; - color: var(--text) !important; + color: #ffffff !important; } .store_nav .tab { @@ -262,10 +253,10 @@ a#store_search_link img { background-color: #121212 !important; } .carousel_container .carousel_thumbs > div:hover { - background-color: var(--scrollbar) !important; + background-color: #6624e2 !important; } .carousel_container .carousel_thumbs > div.focus { - background-color: var(--scrollbar) !important; + background-color: #6624e2 !important; } body.v6.infinite_scrolling #footer.small_footer { @@ -374,7 +365,7 @@ body.v6 .discount_pct { .big_button { /* Browse Steam Buttons */ background-image: none !important; - background: var(--scrollbar) !important; + background: #6624e2 !important; color: var(--white) !important; border-radius: 10px !important; } @@ -417,14 +408,14 @@ body.v6 .discount_pct { .tab_item.focus { /* Tab Item Size Fix */ - background: var(--scrollbar) !important; + background: #6624e2 !important; margin-right: 0px !important; padding-right: 0px !important; } .tab_item:hover { /* Tab Item Size Fix */ - background: var(--scrollbar) !important; + background: #6624e2 !important; } .tab_item_cap img { @@ -461,7 +452,7 @@ body.v6 .home_rightcol .tab_preview h2 { .tab_preview .tags > a { /* Genre Tags */ - background-color: var(--scrollbar) !important; + background-color: #6624e2 !important; border-radius: 10px !important; } @@ -533,42 +524,35 @@ body.v6 .home_rightcol .tab_preview h2 { border-radius: 10px !important; } -:root { - /* Main Backgrounds Colors */ - --bgcolor: #121212; - --trans: transparent; - --grey: #2e2e2f; -} - /* New Thread background */ .commentthread_entry { - background: var(--bgcolor) !important; + background: #121212 !important; border-radius: 10px !important; } .blotter_daily_rollup { - background-color: var(--trans) !important; + background-color: transparent !important; } /* Thread group header background */ .blotter_group_announcement_header_ogg { - background: var(--trans) !important; + background: transparent !important; } /* Thread background */ .blotter_block { - background: var(--bgcolor) !important; + background: #121212 !important; border-radius: 10px !important; } /* Thread header background */ .blotter_author_block { - background: var(--trans) !important; + background: transparent !important; } /* Thread comment background */ .blotter_comment_thread { - background: var(--trans) !important; + background: transparent !important; } /* Thread comment background roundness */ @@ -578,22 +562,22 @@ body.v6 .home_rightcol .tab_preview h2 { /* Thread group header background */ .blotter_group_announcement_header { - background: var(--trans) !important; + background: transparent !important; } /* Commentbox background */ .dynamiclink_box { - background: var(--grey) !important; + background: #2e2e2f !important; } /* Thread group comment background */ .blotter_status_entry .commentthread_entry_quotebox { - background: var(--grey) !important; + background: #2e2e2f !important; } /* Thread group comment background */ .blotter_comment_thread .commentthread_entry_quotebox { - background: var(--grey) !important; + background: #2e2e2f !important; } /* Thread comment placeholder */ @@ -617,18 +601,18 @@ input.gray_bevel:-moz-placeholder, textarea.gray_bevel:-moz-placeholder, .gray_b .friends_add_block, #friendactivity_right_column .box, .blotter_eventsblock { - background: var(--bgcolor) !important; + background: #121212 !important; border-radius: 10px !important; } /* New topic background */ .forum_newtopic_header { - background: var(--trans) !important; + background: transparent !important; } /* New topic commentbox background */ .forum_newtopic_box { - background: var(--trans) !important; + background: transparent !important; } /* Forum topics textbox entry background */ @@ -644,7 +628,7 @@ input.gray_bevel, textarea.gray_bevel, .gray_bevel, .commentthread_comment_edit_ /* Forum topics reply text background */ .forum_paging { - background: var(--trans) !important; + background: transparent !important; } /* Forum topics comments background */ @@ -656,7 +640,13 @@ input.gray_bevel, textarea.gray_bevel, .gray_bevel, .commentthread_comment_edit_ /* Footer background */ body.flat_page #footer { - background: var(--trans) !important; + background: transparent !important; +} + +#widget { + border: 1px solid #1e1e1f !important; + border-radius: 10px !important; + background-color: #1e1e1f !important; } /* -------------------------USER PROFILE------------------------- */ @@ -728,7 +718,7 @@ body.flat_page #footer { /* Right Column Background */ .profile_topfriends .friendBlock:hover { - background-color: rgba(0, 0, 0, 0.3) !important; + background-color: #121212 !important; border-radius: 10px !important; } @@ -748,13 +738,13 @@ body.flat_page #footer { /* Left Column Background */ .profile_customization { backdrop-filter: none !important; - background: rgba(0, 0, 0, 0.3) !important; + background: #121212 !important; border-radius: 10px !important; } /* Showcase Art Background */ .profile_customization.myart { - background: rgba(0, 0, 0, 0) !important; + background: transparent !important; } /* Left Column Containers */ @@ -798,6 +788,8 @@ body.flat_page #footer { /* Column Header */ .profile_customization_header { background: transparent !important; + font-weight: bold !important; + color: #6624e2 !important; } /* Game Info Badge Border */ @@ -810,6 +802,11 @@ body.flat_page #footer { border-radius: 10px !important; } +.showcase_stat.favoritegroup_inchat { + background-color: #6624e2 !important; + border-radius: 10px !important; +} + /* Favorite Game Img */ .profile_comment_area .commentthread_footer { border-top: 0px !important; @@ -821,13 +818,9 @@ body.flat_page #footer { } /* Profile Comment Container Line */ -.profile_comment_area .commentthread_header { +.profile_comment_area .commentthread_header, .profile_leftcol_header { backdrop-filter: none !important; - background-color: transparent !important; -} - -/* Comment Header Background */ -.profile_leftcol_header { + background-color: #121212 !important; border-radius: 10px !important; } @@ -839,6 +832,8 @@ body.flat_page #footer { /* Footer Line */ .recent_game { border-radius: 10px !important; + background: #121212 !important; + backdrop-filter: none !important; } /* Recent Game */ @@ -870,7 +865,7 @@ body.flat_page #footer { /* Workshop Showcase Group Img */ .showcase_content_bg { border-radius: 10px !important; - background: transparent !important; + background: #121212 !important; } /* Showcase Content Background */ @@ -881,10 +876,11 @@ body.flat_page #footer { /* Game Collector Img */ .achievement_progress_bar_ctn { border: 0px !important; + background: #2e2e2f !important; } -.achievement_progress_bar_ctn .progress_bar { - background: var(--progressbar) !important; +.progress_bar { + background: #6624e2 !important; } /* Progres Bar */ @@ -892,6 +888,32 @@ body.flat_page #footer { border-radius: 10px !important; } +/* Comment Area Background */ +.profile_comment_area .commentthread_entry { + background: transparent !important; +} + +/* Commentbox Input Background */ +.profile_comment_area .commentthread_entry_quotebox { + background: #2e2e2f !important; + border-radius: 10px !important; +} + +/* Commentbox Input Text Placeholder */ +.profile_comment_area .commentthread_textarea::-webkit-input-placeholder { + font-style: normal !important; + font-weight: bold !important; + color: #ffffff99 !important; +} + +/* User Comments Hover */ +.detailBox .commentthread_comment:not(.hidden_post):hover, +.group_comments .commentthread_comment:not(.hidden_post):hover, +.profile_comment_area .commentthread_comment:not(.hidden_post):hover { + background: #121212 !important; + border-radius: 10px !important; +} + /* Acheievement Img */ * { box-shadow: none !important; @@ -1025,4 +1047,40 @@ img.member_tile { display: none !important; } +/* ACTIVITY PAGE IMAGES */ +/* gamelogo header background */ +.gameLogo { + background: transparent !important; +} + +/* gamelogo header image */ +.gameLogo img { + border-radius: 10px !important; +} + +/* group announcement content image */ +.blotter_group_announcement_content img { + border-radius: 10px !important; +} + +/* game purchase images */ +.blotter_gamepurchase_content img { + border-radius: 10px !important; +} + +/* screenshot gallery images */ +.blotter_screenshot_gallery_image img, .blotter_screenshot_gallery_image_selected img { + border-radius: 10px !important; +} + +/* group avatar image */ +.avatarMedium img { + border-radius: 10px !important; +} + +/* dynamic link image */ +img.dynamiclink_preview { + border-radius: 10px !important; +} + /*# sourceMappingURL=webkit.css.map */ diff --git a/css/webkit.css.map b/css/webkit.css.map index 6d3ef4b..87e957b 100644 --- a/css/webkit.css.map +++ b/css/webkit.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["../store/featured.scss","../user/activity.scss","../user/profile.scss","../community/groups.scss","../contributors/userAvatars.scss"],"names":[],"mappings":"AAAA;AACA;AACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;IAA0B;IAAuC;;;EACjE;IAAc;IAAsB;;;EACpC;IAAS;;;AAEX;EACE;IAA0B;IAAuC;;;EACjE;IAAc;IAAsB;;;EACpC;IAAS;;;AAEX;EACE;IAA0B;IAAuC;;;EACjE;IAAc;IAAsB;;;EACpC;IAAS;;;AAGX;AACA;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACA;AACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;AACE;EACA;;;AAGF;AACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAIE;EACA;EACA;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACE;EACA;;;AAGF;AACG;EACD;;AAEA;EACE;;;AAIJ;AACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;AACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AACA;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;EACA;EACA;;;AAGF;AACG;EACD;;AAEA;EACE;;;AAIJ;AACE;EACA;;;AAGF;AACE;EACA;EACA;;;AAKF;AAEA;AACA;AACE;EACA;EACA;;;AAGF;AAAA;AAEE;EACA;;;AAGF;AACA;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;EACA;;;AAGF;AACE;EACA;EACA;EACA;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;EACA;EACA;;;AAGF;AACE;EACA;;;AAGF;AACA;AACE;EACA;EACA;;;AAGF;AACA;AACE;EACA;EACA;;;AAGF;AACE;EACA;EACA;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;AAEA;EACE;;;AAIJ;AACE;EACA;;AAEA;EACE;;;AAIJ;AACE;EACA;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;EACA;;;AAGF;AACA;AACE;EACA;;;AAGF;AACA;AACE;EACA;EACA;;;AAGF;AACA;AACE;EACA;EACA;;;AAGF;AACE;EACA;;;AAIF;AACA;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;EACA;;;ACpgBF;AACI;EACA;EACA;EACA;;;AAGJ;AACA;EACI;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;AAAA;EAEC;EACA;EACA;;;AAGD;AACA;AAAA;EAEC;EACA;EACG;;;AAGJ;AACA;AAAA;AAAA;AAAA;EAII;EACA;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;EACA;EACA;;;AAGJ;AACA;EACI;;;AC3HJ;AACA;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;;AC/OF;AACA;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AC/FF;AACA;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI","file":"webkit.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["../store/featured.scss","../user/activity.scss","../user/profile.scss","../community/groups.scss","../contributors/userAvatars.scss","../contributors/images.scss"],"names":[],"mappings":"AAEA;AACA;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;IAA0B;IAAuC;;;EACjE;IAAc;IAAsB;;;EACpC;IAAS;;;AAEX;EACE;IAA0B;IAAuC;;;EACjE;IAAc;IAAsB;;;EACpC;IAAS;;;AAEX;EACE;IAA0B;IAAuC;;;EACjE;IAAc;IAAsB;;;EACpC;IAAS;;;AAGX;AACA;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACA;AACE;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;AACE;EACA;;;AAGF;AACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAIE;EACA;EACA;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACE;EACA;;;AAGF;AACG;EACD;;AAEA;EACE;;;AAIJ;AACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;AACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;AACA;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;EACA;EACA;;;AAGF;AACG;EACD;;AAEA;EACE;;;AAIJ;AACE;EACA;;;AAGF;AACE;EACA;EACA;;;AAKF;AAEA;AACA;AACE;EACA;EACA;;;AAGF;AAAA;AAEE;EACA;;;AAGF;AACA;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;EACA;;;AAGF;AACE;EACA;EACA;EACA;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;EACA;EACA;;;AAGF;AACE;EACA;;;AAGF;AACA;AACE;EACA;EACA;;;AAGF;AACA;AACE;EACA;EACA;;;AAGF;AACE;EACA;EACA;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;AAEA;EACE;;;AAIJ;AACE;EACA;;AAEA;EACE;;;AAIJ;AACE;EACA;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;EACA;;;AAGF;AACA;AACE;EACA;;;AAGF;AACA;AACE;EACA;EACA;;;AAGF;AACA;AACE;EACA;EACA;;;AAGF;AACE;EACA;;;AAIF;AACA;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;;;AAGF;AACE;EACA;EACA;;;AC3fF;AACA;EACI;EACA;;;AAGJ;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;AAAA;EAEC;EACA;EACA;;;AAGD;AACA;AAAA;EAEC;EACA;EACG;;;AAGJ;AACA;AAAA;AAAA;AAAA;EAII;EACA;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;EACA;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;EACA;EACA;;;AAGJ;AACA;EACI;;;AAGJ;EACI;EACA;EACA;;;AC1HJ;AACA;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAIF;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACC;EACA;EACA;;;AAGD;AACA;AAAA;AAAA;EAGC;EACA;;;AAGD;AACA;EACE;EACA;EACA;EACA;EACA;;;AClRF;AACA;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AC/FF;AACA;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;ACvBJ;AACA;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACI;;;AAGJ;AACA;EACC;;;AAGD;AACA;EACI","file":"webkit.css"} \ No newline at end of file diff --git a/store/featured.scss b/store/featured.scss index f799404..ab8dfe9 100644 --- a/store/featured.scss +++ b/store/featured.scss @@ -1,20 +1,13 @@ -/* -------------------------STORE FEATURED------------------------- */ -:root { - /* Main Backgrounds Colors */ - --background: #1e1e1f; - --scrollbar: #6624e2; - --header: #3e3e3f; - --border1: 10px; - --text: #ffffff; -} +@use 'styles'; +/* -------------------------STORE FEATURED------------------------- */ /* Scrollbar */ body::-webkit-scrollbar-thumb { background-clip: padding-box !important; -webkit-box-shadow: none !important; - background-color: var(--scrollbar) !important; + background-color: styles.$scrollbar !important; border: 5px solid var(--darkgrey) !important; - border-radius: var(--border1) !important; + border-radius: styles.$border1 !important; width: 25px !important; } @@ -54,57 +47,57 @@ body::-webkit-scrollbar { /* Main Backgrounds */ html { /* Background */ - background: var(--background) !important; + background: styles.$background !important; } body { /* Background */ - background: var(--background) !important; + background: styles.$background !important; } body.v6 { /* Background */ - background: var(--background) !important; + background: styles.$background !important; } .home_page_body_ctn { /* Background */ - background: var(--background) !important; + background: styles.$background !important; } #MessageContent { /* Background */ - background: var(--background) !important; + background: styles.$background !important; } div.profile_page.has_profile_background { /* Background */ - background-color: var(--background) !important; + background-color: styles.$background !important; } body.profile_page #footer { /* Background */ - background: var(--background) !important; + background: styles.$background !important; } .labs_cluster { /* Background */ - background: var(--background) !important; + background: styles.$background !important; } .home_ctn.discovery_queue_ctn { /* Background */ - background-color: var(--background) !important; + background-color: styles.$background !important; } .home_ctn.apps_recommended_by_curators_ctn { /* Background */ - background: var(--background) !important; + background: styles.$background !important; } .home_ctn.tab_container { /* Background */ - background: var(--background) !important; + background: styles.$background !important; } /* Header */ @@ -124,7 +117,7 @@ body.v6 .store_nav .popup_block_new .popup_body, body.v6 #footer_nav .popup_bloc } .store_nav .popup_menu .popup_menu_item, .creator .responsive_page_template_content .popup_menu .popup_menu_item, .curator .responsive_page_template_content .popup_menu .popup_menu_item, .footer_content .popup_menu .popup_menu_item, .search_area .popup_body .match, .search_area .popup_body .match .match_name { - color: var(--text) !important; + color: styles.$text !important; } .popup_menu .popup_menu_item { @@ -153,7 +146,7 @@ a.store_header_btn_content { /* Header Hover */ background: #4e4e4f !important; border-radius: 20px !important; - color: var(--text) !important; + color: styles.$text !important; } .store_nav .tab { @@ -237,11 +230,11 @@ a#store_search_link img { background-color: #121212 !important; &:hover { - background-color: var(--scrollbar) !important; + background-color: styles.$scrollbar !important; } &.focus { - background-color: var(--scrollbar) !important; + background-color: styles.$scrollbar !important; } } @@ -355,7 +348,7 @@ body.v6 .discount_pct { .big_button { /* Browse Steam Buttons */ background-image: none !important; - background: var(--scrollbar) !important; + background: styles.$scrollbar !important; color: var(--white) !important; border-radius: 10px !important; } @@ -398,14 +391,14 @@ body.v6 .discount_pct { .tab_item.focus { /* Tab Item Size Fix */ - background: var(--scrollbar) !important; + background: styles.$scrollbar !important; margin-right: 0px !important; padding-right: 0px !important; } .tab_item:hover { /* Tab Item Size Fix */ - background: var(--scrollbar) !important; + background: styles.$scrollbar !important; } .tab_item_cap img { @@ -444,7 +437,7 @@ body.v6 .home_rightcol .tab_preview h2 { .tab_preview .tags > a { /* Genre Tags */ - background-color: var(--scrollbar) !important; + background-color: styles.$scrollbar !important; border-radius: 10px !important; } diff --git a/store/styles.scss b/store/styles.scss new file mode 100644 index 0000000..4361b5f --- /dev/null +++ b/store/styles.scss @@ -0,0 +1,13 @@ +// _styles.scss + +$txtcolor: #6624e2; +$progressbar: #6624e2; +$customcolor: #6624e2; +$bgcolor: #121212; +$trans: transparent; +$grey: #2e2e2f; +$background: #1e1e1f; +$scrollbar: #6624e2; +$header: #3e3e3f; +$border1: 10px; +$text: #ffffff; \ No newline at end of file diff --git a/user/activity.scss b/user/activity.scss index 9ed9833..bc96aeb 100644 --- a/user/activity.scss +++ b/user/activity.scss @@ -1,39 +1,34 @@ -:root { - /* Main Backgrounds Colors */ - --bgcolor: #121212; - --trans: transparent; - --grey: #2e2e2f; -} +@use 'styles'; /* New Thread background */ .commentthread_entry { - background: var(--bgcolor) !important; + background: styles.$bgcolor !important; border-radius: 10px !important; } .blotter_daily_rollup { - background-color: var(--trans) !important; + background-color: styles.$trans !important; } /* Thread group header background */ .blotter_group_announcement_header_ogg { - background: var(--trans) !important; + background: styles.$trans !important; } /* Thread background */ .blotter_block { - background: var(--bgcolor) !important; + background: styles.$bgcolor !important; border-radius: 10px !important; } /* Thread header background */ .blotter_author_block { - background: var(--trans) !important; + background: styles.$trans !important; } /* Thread comment background */ .blotter_comment_thread { - background: var(--trans) !important; + background: styles.$trans !important; } /* Thread comment background roundness */ @@ -43,22 +38,22 @@ /* Thread group header background */ .blotter_group_announcement_header { - background: var(--trans) !important; + background: styles.$trans !important; } /* Commentbox background */ .dynamiclink_box { - background: var(--grey) !important; + background: styles.$grey !important; } /* Thread group comment background */ .blotter_status_entry .commentthread_entry_quotebox { - background: var(--grey) !important; + background: styles.$grey !important; } /* Thread group comment background */ .blotter_comment_thread .commentthread_entry_quotebox { - background: var(--grey) !important; + background: styles.$grey !important; } /* Thread comment placeholder */ @@ -82,18 +77,18 @@ input.gray_bevel:-moz-placeholder, textarea.gray_bevel:-moz-placeholder, .gray_b .friends_add_block, #friendactivity_right_column .box, .blotter_eventsblock { - background: var(--bgcolor) !important; + background: styles.$bgcolor !important; border-radius: 10px !important; } /* New topic background */ .forum_newtopic_header { - background: var(--trans) !important; + background: styles.$trans !important; } /* New topic commentbox background */ .forum_newtopic_box { - background: var(--trans) !important; + background: styles.$trans !important; } /* Forum topics textbox entry background */ @@ -109,7 +104,7 @@ input.gray_bevel, textarea.gray_bevel, .gray_bevel, .commentthread_comment_edit_ /* Forum topics reply text background */ .forum_paging { - background: var(--trans) !important; + background: styles.$trans !important; } /* Forum topics comments background */ @@ -121,5 +116,11 @@ input.gray_bevel, textarea.gray_bevel, .gray_bevel, .commentthread_comment_edit_ /* Footer background */ body.flat_page #footer { - background: var(--trans) !important; + background: styles.$trans !important; +} + +#widget { + border: 1px solid #1e1e1f !important; + border-radius: 10px !important; + background-color: #1e1e1f !important; } \ No newline at end of file diff --git a/user/profile.scss b/user/profile.scss index 05961b9..deb8a91 100644 --- a/user/profile.scss +++ b/user/profile.scss @@ -1,3 +1,5 @@ +@use 'styles'; + /* -------------------------USER PROFILE------------------------- */ /* Header */ .profile_header_bg_texture { @@ -67,7 +69,7 @@ /* Right Column Background */ .profile_topfriends .friendBlock:hover { - background-color: rgba(0, 0, 0, 0.3) !important; + background-color: #121212 !important; border-radius: 10px !important; } @@ -87,13 +89,13 @@ /* Left Column Background */ .profile_customization { backdrop-filter: none !important; - background: rgba(0, 0, 0, 0.3) !important; + background: #121212 !important; border-radius: 10px !important; } /* Showcase Art Background */ .profile_customization.myart { - background: rgba(0, 0, 0, 0) !important; + background: transparent !important; } /* Left Column Containers */ @@ -137,6 +139,8 @@ /* Column Header */ .profile_customization_header { background: transparent !important; + font-weight: bold !important; + color: styles.$txtcolor !important; } /* Game Info Badge Border */ @@ -149,6 +153,12 @@ border-radius: 10px !important; } + +.showcase_stat.favoritegroup_inchat { + background-color: styles.$customcolor !important; + border-radius: 10px !important; +} + /* Favorite Game Img */ .profile_comment_area .commentthread_footer { border-top: 0px !important; @@ -160,13 +170,9 @@ } /* Profile Comment Container Line */ -.profile_comment_area .commentthread_header { +.profile_comment_area .commentthread_header, .profile_leftcol_header { backdrop-filter: none !important; - background-color: transparent !important; -} - -/* Comment Header Background */ -.profile_leftcol_header { + background-color: #121212 !important; border-radius: 10px !important; } @@ -178,6 +184,8 @@ /* Footer Line */ .recent_game { border-radius: 10px !important; + background: #121212 !important; + backdrop-filter: none !important; } /* Recent Game */ @@ -209,7 +217,7 @@ /* Workshop Showcase Group Img */ .showcase_content_bg { border-radius: 10px !important; - background: transparent !important; + background: #121212 !important; } /* Showcase Content Background */ @@ -220,10 +228,11 @@ /* Game Collector Img */ .achievement_progress_bar_ctn { border: 0px !important; + background: #2e2e2f !important; } -.achievement_progress_bar_ctn .progress_bar { - background: var(--progressbar) !important; +.progress_bar { + background: styles.$progressbar !important; } /* Progres Bar */ @@ -231,6 +240,32 @@ border-radius: 10px !important; } +/* Comment Area Background */ +.profile_comment_area .commentthread_entry { + background: transparent !important; +} + +/* Commentbox Input Background */ +.profile_comment_area .commentthread_entry_quotebox { + background: #2e2e2f !important; + border-radius: 10px !important; +} + +/* Commentbox Input Text Placeholder */ +.profile_comment_area .commentthread_textarea::-webkit-input-placeholder { + font-style: normal !important; + font-weight: bold !important; + color: #ffffff99 !important; +} + +/* User Comments Hover */ +.detailBox .commentthread_comment:not(.hidden_post):hover, +.group_comments .commentthread_comment:not(.hidden_post):hover, +.profile_comment_area .commentthread_comment:not(.hidden_post):hover { + background: #121212 !important; + border-radius: 10px !important; +} + /* Acheievement Img */ * { box-shadow: none !important; diff --git a/user/styles.scss b/user/styles.scss new file mode 100644 index 0000000..4361b5f --- /dev/null +++ b/user/styles.scss @@ -0,0 +1,13 @@ +// _styles.scss + +$txtcolor: #6624e2; +$progressbar: #6624e2; +$customcolor: #6624e2; +$bgcolor: #121212; +$trans: transparent; +$grey: #2e2e2f; +$background: #1e1e1f; +$scrollbar: #6624e2; +$header: #3e3e3f; +$border1: 10px; +$text: #ffffff; \ No newline at end of file