From 0d1b85bc9373dd840e1fce906f66461479b9bdfc Mon Sep 17 00:00:00 2001 From: uncenter <47499684+uncenter@users.noreply.github.com> Date: Sat, 25 May 2024 22:49:45 -0400 Subject: [PATCH 01/28] chore: add various missing icons (#899) --- scripts/userstyles.yml | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index bed4de9303..d501795c5d 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -338,6 +338,7 @@ userstyles: google-drive: name: Google Drive categories: [productivity] + icon: googledrive color: blue readme: app-link: "https://drive.google.com" @@ -610,6 +611,7 @@ userstyles: openmediavault: name: openmediavault categories: [productivity] + icon: openmediavault color: sky readme: app-link: "https://www.openmediavault.org/" @@ -657,6 +659,7 @@ userstyles: pronouns.page: name: Pronouns.page categories: [social_networking] + icon: pronounsdotpage color: pink readme: app-link: "https://pronouns.page/" @@ -682,6 +685,7 @@ userstyles: quizlet: name: Quizlet categories: [education, productivity] + icon: quizlet color: mauve readme: app-link: "https://quizlet.com" From 8e687dcdff91410bed1d15c629bfbb8f6bf5eb3e Mon Sep 17 00:00:00 2001 From: natalie Date: Mon, 27 May 2024 04:23:14 -0500 Subject: [PATCH 02/28] refactor(picrew): improved nesting (#910) * refactored up to line 498 * finished refactoring * fix for pagination * updated preview.webp * dont know what it actually changed but sure * fixed linting error * fixed other linting error --- styles/picrew/catppuccin.user.css | 887 ++++++++++++++++-------------- styles/picrew/preview.webp | 4 +- 2 files changed, 490 insertions(+), 401 deletions(-) diff --git a/styles/picrew/catppuccin.user.css b/styles/picrew/catppuccin.user.css index cc5f15151b..e29f45bd83 100644 --- a/styles/picrew/catppuccin.user.css +++ b/styles/picrew/catppuccin.user.css @@ -2,7 +2,7 @@ @name Picrew Catppuccin @namespace github.com/catppuccin/userstyles/styles/picrew @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/picrew -@version 0.0.2 +@version 0.0.3 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/picrew/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apicrew @description Soothing pastel theme for Picrew @@ -74,49 +74,58 @@ /* header */ .sitetop-Header { background: @base !important; + + .splide__arrow { + background: @subtext0 !important; + } } .st-Header_Wrapper { background: @yellow !important; - } - .st-Header_Wrapper .st-Header .sp-nav .nav-link li ul, - .st-Header_Wrapper .st-Header .sp-nav .nav-link li h2 { - border-top-color: @surface1 !important; - } - .st-Header_Wrapper .st-Header .st-Header_Logo { - @svg: escape( - '' - ); - background-image: url("data:image/svg+xml;charset=utf8,@{svg}"); - filter: none; - } - .st-Header_Wrapper .st-Header .st-Header_Linkicon { - color: @base !important; - } - .st-Header_Wrapper .st-Header .menu__line { - background-color: @base !important; - } + + .st-Header { + .sp-nav .nav-link li ul, + .sp-nav .nav-link li h2 { + border-top-color: @surface1 !important; + } + + .st-Header_Logo { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml;charset=utf8,@{svg}"); + filter: none; + } + + .st-Header_Linkicon { + color: @base !important; + } + + .menu__line { + background-color: @base !important; + } + + /* side menu close button */ + .open .menu__line--1, + .open .menu__line--3 { + background-color: @text !important; + } + } + } .sitetop-Nav { background: @mantle !important; color: @text !important; } .splide__pagination__page { background: @overlay1 !important; - } - .splide__pagination__page.is-active { - background: @accent-color !important; - } - .sitetop-Header .splide__arrow { - background: @subtext0 !important; + + &.is-active { + background: @accent-color !important; + } } #home { background: @base !important; color: @text !important; } - /* side menu close button */ - .st-Header_Wrapper .st-Header .open .menu__line--1, - .st-Header_Wrapper .st-Header .open .menu__line--3 { - background-color: @text !important; - } /* "Information" page (main page) */ .page-info { background-color: @mantle !important; @@ -130,40 +139,50 @@ } /* "welcome creator" page (main page) */ .header_bg[data-v-2537399f] { - /* just copy and pasted this one tbh */ background: linear-gradient(90deg, @surface0, @base); } /* "Discovery" section (image is lightbulb) */ .sitetop-Discovery { background: @mantle !important; - } - .sitetop-Discovery_More, - .sitetop-Discovery .sitetop-Discovery_Header .sitetop-Discovery_Title .fa { - color: @accent-color !important; + + .sitetop-Discovery_Header { + + .sitetop-Discovery_Title .fa { + color: @accent-color !important; + } + + .sitetop-DiscoveryList_More a { + background-color: @accent-color !important; + color: @base !important; + } + + .sitetop-Discovery_More { + color: @accent-color !important; + } + } } .sitetop-ImagemakerList_List li .squareSize .imagemaker_size { background: @surface0 !important; } - .sitetop-Discovery .sitetop-DiscoveryList_More a { - background-color: @accent-color !important; - color: @base !important; - } /* "Hot Now" section (image is a graph) */ .sitetop-Hot_Title .fa { color: @accent-color !important; } .sitetop-Hot_CountrySwitch { background-color: @base !important; - } - .sitetop-Hot_CountrySwitch input:first-of-type + label::before { - background: @base !important; - } - .sitetop-Hot_CountrySwitch .sitetop-Hot_CountrySwitch_all span::after { - color: @accent-color !important; - } - .sitetop-Hot_CountrySwitch input:last-of-type + label span { - filter: brightness(-20%) !important; - color: @accent-color !important; + + input:first-of-type + label::before { + background: @base !important; + } + + .sitetop-Hot_CountrySwitch_all span::after { + color: @accent-color !important; + } + + input:last-of-type + label span { + filter: brightness(-20%) !important; + color: @accent-color !important; + } } /* "Updated Image Makers (image (.fa) is bullhorn) */ .sitetop-ImagemakerList { @@ -176,25 +195,27 @@ background: @surface1 !important; color: @text !important; border-color: @surface1 !important; - } - .c_btn:hover { - background: @surface2 !important; - color: @text !important; - border-color: @surface2 !important; - } - .c_btn:focus { - box-shadow: 0 0 0 1px @accent-color !important; + + &:hover { + background: @surface2 !important; + color: @text !important; + border-color: @surface2 !important; + } + &:focus { + box-shadow: 0 0 0 1px @accent-color !important; + } } .sitetop-info { background-color: @mantle !important; color: @text !important; - } - .sitetop-info h1::after { - background: @mantle !important; - } - .sitetop-info h1 i { - background: @mantle !important; - border-radius: 6px !important; + + h1::after { + background: @mantle !important; + } + i { + background: @mantle !important; + border-radius: 6px !important; + } } .title { color: @text !important; @@ -235,12 +256,13 @@ border-color: @surface1 !important; box-shadow: 0 4px 0 @surface2 !important; color: @text !important; - } - .st-Terms_AgreeBtn:hover { - background: @surface2 !important; - border-color: @surface2 !important; - box-shadow: 0 4px 0 @surface2 !important; - color: @text !important; + + &:hover { + background: @surface2 !important; + border-color: @surface2 !important; + box-shadow: 0 4px 0 @surface2 !important; + color: @text !important; + } } .popup { background-color: @base !important; @@ -280,37 +302,42 @@ border-bottom-color: @surface2 !important; } /* login screen */ - .page-container .panel { - background: @mantle !important; - border-radius: 6px !important; - } - .page-container .page-header { - color: @text !important; + .page-container { + .panel { + background: @mantle !important; + border-radius: 6px !important; + } + .page-header { + color: @text !important; + } } .login-container_sns .c_text_right { color: @subtext0 !important; } - /* "Forgot password?" link (login screen) */ - .login-container .login-form-container .c_text_right a { - color: @accent-color !important; - } - .login-container hr.sw_hr01 { - border-color: @surface1 !important; + /* login screen */ + .login-container { + .login-form-container { + .c_text_right a { + color: @accent-color !important; + } + .login-form input:focus { + box-shadow: 0 0 0 1px @accent-color !important; + } + } + hr.sw_hr01 { + border-color: @surface1 !important; + } + input:not([type="checkbox"], [type="radio"]) { + background: @base !important; + border-color: @surface2 !important; + border-radius: 1px !important; + color: @text !important; + } } .h100 { background: @base !important; color: @text !important; } - /* email/password input (login screen) */ - .login-container input:not([type="checkbox"], [type="radio"]) { - background: @base !important; - border-color: @surface2 !important; - border-radius: 1px !important; - color: @text !important; - } - .login-form-container .login-form input:focus { - box-shadow: 0 0 0 1px @accent-color !important; - } .pwBox .btn-default { color: @subtext0 !important; } @@ -318,33 +345,37 @@ .search-Form > fieldset { background: @base !important; } - .search-Form_Keyword .search-iconBox { - color: @subtext1 !important; - } - .search-Form_Keyword .search-Form_KeywordInput { - background: @mantle !important; - border-color: @overlay1 !important; - color: @text !important; + .search-Form_Keyword { + .search-iconBox { + color: @subtext1 !important; + } + .search-Form_KeywordInput { + background: @mantle !important; + border-color: @overlay1 !important; + color: @text !important; + } } .search-filterBox { background: @base !important; - } - .search-filterBox .btn-filter { - background-color: @surface1 !important; - border-radius: 6px !important; - border-color: @surface0 !important; - color: @text !important; - } - .search-filterBox ul .labelBox { - background: @surface1 !important; - border-color: @surface0 !important; - color: @text !important; + + .btn-filter { + background-color: @surface1 !important; + border-radius: 6px !important; + border-color: @surface0 !important; + color: @text !important; + } + ul .labelBox { + background: @surface1 !important; + border-color: @surface0 !important; + color: @text !important; + } } .search-ImagemakerList .search-ImagemakerList_Result { background: @mantle !important; - } - .search-ImagemakerList_Result .squareSize .imagemaker_size { - background: @surface0 !important; + + .squareSize .imagemaker_size { + background: @surface0 !important; + } } .search-ImagemakerList_UseRange li > div { background: @surface0 !important; @@ -352,30 +383,33 @@ color: @text !important; } /* filter menu (search page) */ - .search_Modal ul .labelBoxlist .labelBox { - background: @surface1 !important; - border-color: @surface0 !important; - } - .vm--container .radioBox .radioBox_label::before { - background: @accent-color !important; - } - .vm--container .radioBox .radioBox_label::after { - border-color: @overlay1 !important; + .search_Modal { + ul .labelBoxlist .labelBox { + background: @surface1 !important; + border-color: @surface0 !important; + } + .squareSize, + .rectangleSize { + background: @surface0 !important; + } + .c_select::after { + color: @subtext0 !important; + } } .vm--container .radioBox { background-color: @base !important; - } - .search_Modal .squareSize, - .search_Modal .rectangleSize { - background: @surface0 !important; + + .radioBox_label::before { + background: @accent-color !important; + } + .radioBox_label::after { + border-color: @overlay1 !important; + } } .c_select select option { background-color: @surface0 !important; color: @text !important; } - .search_Modal .c_select::after { - color: @subtext0 !important; - } /* page selector (search page) */ .c_pagination, .c_pagination_num_wrapper { @@ -414,40 +448,51 @@ color: @subtext1 !important; } /* name validation popup */ - .is_error.tc_validation_input .tc_validation_input_message { - background: @mantle !important; - border-color: @red !important; - color: @text !important; - } - .is_error.tc_validation_input .tc_validation_input_message::before { - border-top-color: @red !important; - } - .is_error.tc_validation_input .tc_validation_input_status::after { - color: @red !important; - } - .tc_validation_input .tc_validation_input_message { - background: @mantle !important; - border-color: @overlay1 !important; - color: @text !important; + .is_error { + .tc_validation_input { + .tc_validation_input_message { + background: @mantle !important; + border-color: @red !important; + color: @text !important; + + &::before { + border-top-color: @red !important; + } + } + .tc_validation_input_status::after { + color: @red !important; + } + } } - .tc_validation_input .tc_validation_input_message::before { - border-top-color: @overlay1 !important; + .tc_validation_input { + .tc_validation_input_message { + background: @mantle !important; + border-color: @overlay1 !important; + color: @text !important; + + &::before { + border-top-color: @overlay1 !important; + } + } } .is_can_use.tc_validation_input .tc_validation_input_status::after { color: @green !important; } /* "Authentication Completed!" icon (registration) */ - .creator-content .success { - background: @surface0 !important; - border-color: @accent-color !important; - } - .creator-content .success::after { - border-left-color: @accent-color !important; - border-bottom-color: @accent-color !important; - } - /* "Terms of Use" and "Privacy Policy" links */ - .creator-content .email-register-container .email-register-form fieldset a { - color: @accent-color !important; + .creator-content { + .success { + background: @surface0 !important; + border-color: @accent-color !important; + + &::after { + border-left-color: @accent-color !important; + border-bottom-color: @accent-color !important; + } + } + /* "Terms of Use" and "Privacy Policy" links */ + .email-register-container .email-register-form fieldset a { + color: @accent-color !important; + } } /* creator page */ /* sidebar (creator/info page) */ @@ -459,10 +504,13 @@ background-color: @mantle !important; color: @text !important; border-right-color: @surface2; + + .nav > li a:hover, + .nav > li a:focus { + background-color: @surface0 !important; + } } - .tc_sidebar_lang, - .tc_sidebar .nav > li > a:hover, - .tc_sidebar .nav > li > a:focus { + .tc_sidebar_lang { background-color: @surface0 !important; } .tc_sidebar_basic_wrapper .tc_sidebar_basic_title { @@ -484,9 +532,10 @@ } .navbar-light .navbar-nav .nav-link { color: @subtext0 !important; - } - .navbar-light .navbar-nav .nav-link:hover { - color: @subtext1 !important; + + &:hover { + color: @subtext1 !important; + } } /* main body (creator/info page) */ .gray-bg { @@ -511,9 +560,10 @@ .card-header { background: @mantle !important; border-color: @surface2 !important; - } - .card-header:first-child { - background-color: @mantle !important; + + &:first-child { + background-color: @mantle !important; + } } /* creator/image_maker page */ .btn-primary.btn-lg { @@ -529,10 +579,11 @@ /* profile page (creator) */ .account-content section { border-bottom-color: @subtext0 !important; - } - .account-content section .att, - .account-content section .indent .mi-renkei { - color: @subtext0 !important; + + .att, + .indent .mi-renkei { + color: @subtext0 !important; + } } /* image maker registration (creator) */ .modal-body { @@ -541,19 +592,21 @@ .modal-header { background-color: @mantle !important; border-bottom-color: @surface1 !important; - } - .modal-header .close, - .modal-header .close:hover { - color: @text !important; + + .close, + .close:hover { + color: @text !important; + } } /* "image maker name" (creator) */ .form-control { background-color: @mantle !important; border-color: @surface1 !important; color: @text !important; - } - .form-control:focus { - border-color: @accent-color !important; + + &:focus { + border-color: @accent-color !important; + } } .tc_canvas-square, .tc_canvas-rectangle { @@ -574,16 +627,17 @@ border-bottom-color: @accent-color !important; color: @surface1 !important; } - .tc_imagemaker_register_type li label .tc_imagemaker_register_type_name { - border-bottom-color: @surface2 !important; - } .tc_imagemaker_register_type li label { background: @overlay0 !important; border-color: @surface2 !important; - } - .tc_imagemaker_register_type li label .tc_imagemaker_register_type_desc { - background-color: @mantle !important; - color: @text !important; + + .tc_imagemaker_register_type_name { + border-bottom-color: @surface2 !important; + } + .tc_imagemaker_register_type_desc { + background-color: @mantle !important; + color: @text !important; + } } .modal-footer { background-color: @mantle !important; @@ -604,12 +658,13 @@ /* image maker list (creator) */ .tc_imlist_add_imagemaker { border-color: @surface1 !important; - } - .tc_imlist_add_imagemaker:hover { - border-color: @subtext1 !important; - } - .tc_imlist_add_imagemaker::before { - color: @overlay1 !important; + + &:hover { + border-color: @subtext1 !important; + } + &::before { + color: @overlay1 !important; + } } .card { background-color: @base !important; @@ -623,12 +678,12 @@ background-color: @surface0 !important; border-color: @surface2 !important; color: @text !important; - } - .btn-info:hover, - .btn-outline-info:hover { - background-color: @overlay0 !important; - border-color: @overlay0 !important; - color: @text !important; + + &:hover { + background-color: @overlay0 !important; + border-color: @overlay0 !important; + color: @text !important; + } } .btn-info:focus { box-shadow: 0 0 0 0.1rem @accent-color !important; @@ -649,18 +704,20 @@ background-color: @accent-color !important; border-color: @accent-color !important; color: @base !important; - } - .btn-warning:focus { - box-shadow: 0 0 0 0.1rem @accent-color !important; + + &:focus { + box-shadow: 0 0 0 0.1rem @accent-color !important; + } } .tc_im_parts_eye .tc_im_parts_eye_icon { background: @surface0 !important; } .tc_im_parts_ctrl .disabled [class^="tc_ctrl_"] { background-color: @surface0 !important; - } - .tc_im_parts_ctrl .disabled [class^="tc_ctrl_"]::before { - color: @text !important; + + &::before { + color: @text !important; + } } .tc_im_layer_list li { border-color: @overlay0 !important; @@ -668,9 +725,10 @@ /* image maker part editor (creator) */ .tc_sidebar_im_title { color: @subtext0 !important; - } - .tc_sidebar_im_title::after { - background-color: @subtext0 !important; + + &::after { + background-color: @subtext0 !important; + } } .tc_sidebar_im li a:not(.btn) { color: @text !important; @@ -719,9 +777,10 @@ /* image maker part settings (creator) */ .tc_upload_imgs .tc_upload_img_old { background-color: @surface1 !important; - } - .tc_upload_imgs .tc_upload_img_old::after { - background-color: @surface0 !important; + + &::after { + background-color: @surface0 !important; + } } .input-group-text { background-color: @surface2 !important; @@ -731,11 +790,12 @@ .tc_radio_switch label:first-child input[type="radio"] + span { background-color: @accent-color !important; color: @base !important; - } - .tc_radio_switch label:first-child input[type="radio"] + span::before { - box-shadow: + + &::before { + box-shadow: inset 0 0 0 1px @accent-color, -2px 0 1px @crust !important; + } } /* image maker "rules" (creator) */ .text-info { @@ -746,22 +806,24 @@ background: @surface0; border-color: @surface2; color: @text !important; - } - .tc_colorgp_detail_parts_deselect li:hover { - background: @surface2 !important; - border-color: @overlay0 !important; - color: @text !important; - } - .tc_colorgp_detail_parts_deselect li::before { - color: @subtext1 !important; + + &:hover { + background: @surface2 !important; + border-color: @overlay0 !important; + color: @text !important; + } + &::before { + color: @subtext1 !important; + } } /* "Sort layer order" (creator) */ .tc_im_layer_sort li > div { background: @surface0 !important; border-color: @surface0 !important; - } - .tc_im_layer_sort li > div i { - color: @subtext1 !important; + + i { + color: @subtext1 !important; + } } /* item list (creator) */ .tc_items_itemlist_header .tc_items_itemlist_sortno, @@ -818,12 +880,14 @@ border-color: @surface1 !important; color: @text !important; } - .tc_items_style > label .tc_radio_label { - border-color: @subtext0 !important; - } - .tc_items_style > label input[type="radio"]:checked + .tc_radio_label { - border-color: @accent-color !important; - color: @accent-color !important; + .tc_items_style > label { + .tc_radio_label { + border-color: @subtext0 !important; + } + input[type="radio"]:checked + .tc_radio_label { + border-color: @accent-color !important; + color: @accent-color !important; + } } /* image maker publication (creator) */ .tc_release_description { @@ -853,31 +917,54 @@ .play-Imagemaker.is_info_show .imagemaker_info_bg { background: @mantle !important; } - .imagemaker_info_wrapper .imagemaker_info_header { - background-color: @mantle !important; - } - .imagemaker_info_wrapper .imagemaker_info_footer { - background-color: @mantle !important; - } - /* help button (outer image maker) */ - .imagemaker_info_wrapper .imagemaker_info_btn_help { - background-color: @surface1 !important; - border-color: @surface2 !important; - box-shadow: 0 4px 0 @surface1 !important; - color: @text !important; - } - /* "play" button (outer image maker) */ - .imagemaker_info_wrapper .imagemaker_info_btn_start { - background: @accent-color !important; - border-color: @accent-color !important; - box-shadow: 0 4px 0 @accent-color !important; - color: @base !important; - } - .imagemaker_info_wrapper .imagemaker_info_creator a { - color: @accent-color !important; - } - .imagemaker_info_wrapper .imagemaker_info_description a { + .imagemaker_info_wrapper { + .imagemaker_info_header { + background-color: @mantle !important; + } + .imagemaker_info_footer { + background-color: @mantle !important; + } + /* help button (outer image maker) */ + .imagemaker_info_btn_help { + background-color: @surface1 !important; + border-color: @surface2 !important; + box-shadow: 0 4px 0 @surface1 !important; + color: @text !important; + } + /* "play" button (outer image maker) */ + .imagemaker_info_btn_start { + background: @accent-color !important; + border-color: @accent-color !important; + box-shadow: 0 4px 0 @accent-color !important; + color: @base !important; + } + .imagemaker_info_creator a { + color: @accent-color !important; + } + .imagemaker_info_description a { + color: @accent-color !important; + } + /* tags (outer image maker) */ + .imagemaker_info_use_range li.is_can > div { + background: @surface0 !important; + border-color: @surface1 !important; + color: @text !important; + } + .imagemaker_info_tag a { + border-color: @surface2 !important; + color: @subtext0 !important; + } + .imagemaker_info_use_range li > div { + background: @surface0 !important; + border-color: @surface1 !important; + color: @text !important; + } + /* tag icon (outer image maker) */ + .imagemaker_info_use_range + li.is_can + > div::before { color: @accent-color !important; + } } .is_info_show .imagemaker_info_show_btn { background: @accent-color !important; @@ -888,50 +975,30 @@ background-color: @surface0 !important; border-color: @surface2 !important; } - /* tags (outer image maker) */ - .imagemaker_info_wrapper .imagemaker_info_use_range li.is_can > div { - background: @surface0 !important; - border-color: @surface1 !important; - color: @text !important; - } - .imagemaker_info_wrapper .imagemaker_info_tag a { - border-color: @surface2 !important; - color: @subtext0 !important; - } - .imagemaker_info_wrapper .imagemaker_info_use_range li > div { - background: @surface0 !important; - border-color: @surface1 !important; - color: @text !important; - } - /* tag icon (outer image maker) */ - .imagemaker_info_wrapper - .imagemaker_info_use_range - li.is_can - > div::before { - color: @accent-color !important; - } /* dice/random button (inner image maker) */ .imagemaker_menu_btn { background-color: @surface1 !important; } - /* selected color (inner image maker) */ - .imagemaker_colorBox ul li.selected { - border-color: @overlay2 !important; - box-shadow: inset 0 0 0 3px @overlay2 !important; - } /* non-selected color (inner image maker) */ .imagemaker_colorBox ul li { border-color: @overlay2 !important; - } - /* empty color (inner image maker) */ - .imagemaker_colorBox ul li.emptycolor { - border-color: @overlay2 !important; + + /* empty color (inner image maker) */ + &.emptycolor { + border-color: @overlay2 !important; + } + /* selected color (inner image maker) */ + &.selected { + border-color: @overlay2 !important; + box-shadow: inset 0 0 0 3px @overlay2 !important; + } } .imagemaker_parts_menu ul li.selected { background-color: @surface0 !important; - } - .imagemaker_parts_menu ul li.selected::before { - box-shadow: inset 0 -5px 0 -1px @accent-color !important; + + &::before { + box-shadow: inset 0 -5px 0 -1px @accent-color !important; + } } li.selected::after { box-shadow: inset 0 0 0 3px @accent-color !important; @@ -999,10 +1066,11 @@ .complete-Container .recommend-bookmark { background: @mantle !important; border-color: @surface0 !important; - } - /* fix for "Add to bookmarks" button" */ - .complete-Container .recommend-bookmark .c_btn { - box-shadow: 0 4px 0 @surface0 !important; + + /* fix for "Add to bookmarks" button" */ + .c_btn { + box-shadow: 0 4px 0 @surface0 !important; + } } /* share image (image complete) */ .complete-Share_Wrapper { @@ -1014,13 +1082,15 @@ border-color: @surface2 !important; color: @subtext0 !important; } - .complete-ShareText .complete-ShareText_Title { - color: @subtext0 !important; - } - .complete-ShareText textarea { - background-color: @surface0 !important; - border-color: @overlay0 !important; - color: @subtext0 !important; + .complete-ShareText { + .complete-ShareText_Title { + color: @subtext0 !important; + } + textarea { + background-color: @surface0 !important; + border-color: @overlay0 !important; + color: @subtext0 !important; + } } /* "Create a new one!" button (image complete) */ .complete-Btn_Back, @@ -1062,14 +1132,14 @@ .menu-toggle { background-color: @surface0 !important; color: @text !important; - } - .menu-toggle:hover { - background-color: @surface2 !important; - color: @text !important; + + &:hover { + background-color: @surface2 !important; + color: @text !important; + } } .site-title a, - .site-description, - .main-navigation a { + .site-description { color: @text !important; } .bogo-language-name a { @@ -1078,10 +1148,23 @@ .main-navigation { background-color: @mantle !important; color: @text !important; - } - .main-navigation a:hover, - .main-navigation ul > :hover > a { + + a { + color: @text !important; + } + a:hover, + ul > :hover > a { + color: @accent-color !important; + } + /* "what is picrew?" page (support) */ + li.current_page_item > a::before, + li.current-menu-item > a::before { + border-bottom-color: @accent-color !important; + } + .nav-menu > li > a::after, + .menu > li > a::after { color: @accent-color !important; + } } .picrew_front-page-content-area.content-area .picrew_front-content @@ -1092,48 +1175,51 @@ border-color: @accent-color !important; box-shadow: 0 0 0 0 @accent-color inset !important; color: @text !important; - } - .widget_linkblock:hover { - border-color: @accent-color !important; - box-shadow: 0 0 0 4px @accent-color inset !important; - color: @text !important; - } - .widget_linkblock .widget_linkblock_title { - color: @accent-color !important; - } - .widget_linkblock .widget_linkblock_text { - color: @subtext1 !important; + + .widget_linkblock_title { + color: @accent-color !important; + } + .widget_linkblock_text { + color: @subtext1 !important; + } + &:hover { + border-color: @accent-color !important; + box-shadow: 0 0 0 4px @accent-color inset !important; + color: @text !important; + } } .front-widget-area { border-bottom-color: @surface2 !important; } - .footer-widget-area .widget ul > li { - border-top-color: @surface2 !important; - } - .footer-widget-area .widget ul > li:last-child { - border-bottom-color: @surface2 !important; - } .footer-widget-area { background-color: @mantle !important; border-top-color: @mantle !important; + + .widget ul > li { + border-top-color: @surface2 !important; + + &:last-child { + border-bottom-color: @surface2 !important; + } + } + a { + color: @text !important; + } + .widget-title, + a:hover { + color: @accent-color !important; + } } - .footer-widget-area .widget-title, - .footer-widget-area a:hover { - color: @accent-color !important; - } - .footer-widget-area a { - color: @text !important; - } - /* god help me */ + /* aaaaaaaaaaaaaa */ #search-3 > #searchform > div > input[type="text"] { background-color: @surface0 !important; border-color: @surface2 !important; color: @text !important; + + &:focus { + border-color: @accent-color !important; + } } - #search-3 > #searchform > div > input[type="text"]:focus { - border-color: @accent-color !important; - } - /* had to do a bit of fuckery to prevent this affecting the main page */ #searchsubmit > button, input[type="button"], input[type="reset"], @@ -1147,15 +1233,6 @@ border-top-color: @surface0 !important; color: @subtext1 !important; } - /* "what is picrew?" page (support) */ - .main-navigation li.current_page_item > a::before, - .main-navigation li.current-menu-item > a::before { - border-bottom-color: @accent-color !important; - } - .main-navigation .nav-menu > li > a::after, - .main-navigation .menu > li > a::after { - color: @accent-color !important; - } .page .site-content { background-color: @mantle !important; } @@ -1165,9 +1242,10 @@ } body.page:not(.home) .entry-title { color: @text !important; - } - body.page:not(.home) .entry-title::after { - background: @accent-color !important; + + &::after { + background: @accent-color !important; + } } .entry-content h2 { background: @surface0 !important; @@ -1181,28 +1259,31 @@ #toc_container { background: @surface0 !important; border-color: @surface2 !important; - } - #toc_container a { - color: @accent-color !important; - } - #toc_container p.toc_title { - color: @text !important; - } - .entry-content td, - .entry-content table { - border-color: @surface2 !important; - } - .entry-content h3 { - border-bottom-color: @surface2 !important; - border-left-color: @accent-color !important; - color: @text !important; - } - .entry-content h4 { - color: @subtext1 !important; - } - .entry-content h4::before, - .entry-content a { - color: @accent-color !important; + + a { + color: @accent-color !important; + } + p.toc_title { + color: @text !important; + } + } + .entry-content { + td, + table { + border-color: @surface2 !important; + } + h3 { + border-bottom-color: @surface2 !important; + border-left-color: @accent-color !important; + color: @text !important; + } + h4 { + color: @subtext1 !important; + } + h4::before, + a { + color: @accent-color !important; + } } /* "Create your image maker" page (support) */ .content-wrapper { @@ -1210,9 +1291,10 @@ } .sidebar-widget-area .widget ul > li { border-top-color: @overlay2 !important; - } - .sidebar-widget-area .widget ul > li > a { - color: @accent-color !important; + + > a { + color: @accent-color !important; + } } /* "list of creator functions" page (support) */ .site-content { @@ -1221,35 +1303,42 @@ .sidebar-widget-area .widget-title { color: @text !important; } - .blog .entry-title a { - color: @accent-color !important; - } - .blog .entry-body { - color: @subtext1 !important; - } - .wp-pagenavi span.current { - background: @accent-color !important; - border-color: @accent-color !important; - color: @surface1 !important; - } - .wp-pagenavi a { - background-color: @base !important; - border-color: @accent-color !important; - color: @text !important; - } - .wp-pagenavi a:hover { - background-color: @accent-color !important; - color: @surface1 !important; + .blog { + .entry-title a { + color: @accent-color !important; + } + .entry-body { + color: @subtext1 !important; + } + } + .wp-pagenavi { + span.current { + background: @accent-color !important; + border-color: @accent-color !important; + color: @surface1 !important; + } + a { + background-color: @base !important; + border-color: @accent-color !important; + color: @text !important; + + &:hover { + background-color: @accent-color !important; + color: @surface1 !important; + } + } } /* "list of creator functions" archive page...? honestly idfk why this is a thing (support) */ - .archive .page-title { - color: @text !important; - } - .archive .entry-title a { - color: @accent-color !important; - } - .archive .entry-body { - color: @text !important; + .archive { + .page-title { + color: @text !important; + } + .entry-title a { + color: @accent-color !important; + } + .entry-body { + color: @text !important; + } } } @media (prefers-color-scheme: light) { diff --git a/styles/picrew/preview.webp b/styles/picrew/preview.webp index 2acb001a4a..01b21a6a48 100644 --- a/styles/picrew/preview.webp +++ b/styles/picrew/preview.webp @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:c4ce15d669af09b778e462a3cd5e6e11375a5f4a2ec0d8a66381120505bddab8 -size 775208 +oid sha256:33dc365a0217624d2feece15a5410c2961adf50d907dcce6a1b82054577dbcd9 +size 722728 From 4268d8bea88bd9586391c7dd56dd1b8874fa4a7c Mon Sep 17 00:00:00 2001 From: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 27 May 2024 09:23:45 +0000 Subject: [PATCH 03/28] style: format code with prettier --- styles/picrew/catppuccin.user.css | 71 +++++++++++++++---------------- 1 file changed, 34 insertions(+), 37 deletions(-) diff --git a/styles/picrew/catppuccin.user.css b/styles/picrew/catppuccin.user.css index e29f45bd83..685baf09f5 100644 --- a/styles/picrew/catppuccin.user.css +++ b/styles/picrew/catppuccin.user.css @@ -109,8 +109,8 @@ .open .menu__line--3 { background-color: @text !important; } - } - } + } + } .sitetop-Nav { background: @mantle !important; color: @text !important; @@ -146,7 +146,6 @@ background: @mantle !important; .sitetop-Discovery_Header { - .sitetop-Discovery_Title .fa { color: @accent-color !important; } @@ -372,7 +371,7 @@ } .search-ImagemakerList .search-ImagemakerList_Result { background: @mantle !important; - + .squareSize .imagemaker_size { background: @surface0 !important; } @@ -486,7 +485,7 @@ &::after { border-left-color: @accent-color !important; - border-bottom-color: @accent-color !important; + border-bottom-color: @accent-color !important; } } /* "Terms of Use" and "Privacy Policy" links */ @@ -579,11 +578,11 @@ /* profile page (creator) */ .account-content section { border-bottom-color: @subtext0 !important; - + .att, .indent .mi-renkei { color: @subtext0 !important; - } + } } /* image maker registration (creator) */ .modal-body { @@ -596,7 +595,7 @@ .close, .close:hover { color: @text !important; - } + } } /* "image maker name" (creator) */ .form-control { @@ -637,7 +636,7 @@ .tc_imagemaker_register_type_desc { background-color: @mantle !important; color: @text !important; - } + } } .modal-footer { background-color: @mantle !important; @@ -682,7 +681,7 @@ &:hover { background-color: @overlay0 !important; border-color: @overlay0 !important; - color: @text !important; + color: @text !important; } } .btn-info:focus { @@ -793,8 +792,8 @@ &::before { box-shadow: - inset 0 0 0 1px @accent-color, - -2px 0 1px @crust !important; + inset 0 0 0 1px @accent-color, + -2px 0 1px @crust !important; } } /* image maker "rules" (creator) */ @@ -810,7 +809,7 @@ &:hover { background: @surface2 !important; border-color: @overlay0 !important; - color: @text !important; + color: @text !important; } &::before { color: @subtext1 !important; @@ -887,7 +886,7 @@ input[type="radio"]:checked + .tc_radio_label { border-color: @accent-color !important; color: @accent-color !important; - } + } } /* image maker publication (creator) */ .tc_release_description { @@ -960,11 +959,9 @@ color: @text !important; } /* tag icon (outer image maker) */ - .imagemaker_info_use_range - li.is_can - > div::before { - color: @accent-color !important; - } + .imagemaker_info_use_range li.is_can > div::before { + color: @accent-color !important; + } } .is_info_show .imagemaker_info_show_btn { background: @accent-color !important; @@ -990,14 +987,14 @@ /* selected color (inner image maker) */ &.selected { border-color: @overlay2 !important; - box-shadow: inset 0 0 0 3px @overlay2 !important; + box-shadow: inset 0 0 0 3px @overlay2 !important; } } .imagemaker_parts_menu ul li.selected { background-color: @surface0 !important; &::before { - box-shadow: inset 0 -5px 0 -1px @accent-color !important; + box-shadow: inset 0 -5px 0 -1px @accent-color !important; } } li.selected::after { @@ -1090,7 +1087,7 @@ background-color: @surface0 !important; border-color: @overlay0 !important; color: @subtext0 !important; - } + } } /* "Create a new one!" button (image complete) */ .complete-Btn_Back, @@ -1135,7 +1132,7 @@ &:hover { background-color: @surface2 !important; - color: @text !important; + color: @text !important; } } .site-title a, @@ -1159,11 +1156,11 @@ /* "what is picrew?" page (support) */ li.current_page_item > a::before, li.current-menu-item > a::before { - border-bottom-color: @accent-color !important; + border-bottom-color: @accent-color !important; } .nav-menu > li > a::after, .menu > li > a::after { - color: @accent-color !important; + color: @accent-color !important; } } .picrew_front-page-content-area.content-area @@ -1185,7 +1182,7 @@ &:hover { border-color: @accent-color !important; box-shadow: 0 0 0 4px @accent-color inset !important; - color: @text !important; + color: @text !important; } } .front-widget-area { @@ -1197,9 +1194,9 @@ .widget ul > li { border-top-color: @surface2 !important; - + &:last-child { - border-bottom-color: @surface2 !important; + border-bottom-color: @surface2 !important; } } a { @@ -1217,7 +1214,7 @@ color: @text !important; &:focus { - border-color: @accent-color !important; + border-color: @accent-color !important; } } #searchsubmit > button, @@ -1265,7 +1262,7 @@ } p.toc_title { color: @text !important; - } + } } .entry-content { td, @@ -1283,7 +1280,7 @@ h4::before, a { color: @accent-color !important; - } + } } /* "Create your image maker" page (support) */ .content-wrapper { @@ -1303,13 +1300,13 @@ .sidebar-widget-area .widget-title { color: @text !important; } - .blog { + .blog { .entry-title a { color: @accent-color !important; } .entry-body { color: @subtext1 !important; - } + } } .wp-pagenavi { span.current { @@ -1324,9 +1321,9 @@ &:hover { background-color: @accent-color !important; - color: @surface1 !important; + color: @surface1 !important; } - } + } } /* "list of creator functions" archive page...? honestly idfk why this is a thing (support) */ .archive { @@ -1334,10 +1331,10 @@ color: @text !important; } .entry-title a { - color: @accent-color !important; + color: @accent-color !important; } .entry-body { - color: @text !important; + color: @text !important; } } } From aa629cbe652fa90cbc60b69c0773dd323e151ec3 Mon Sep 17 00:00:00 2001 From: natalie Date: Mon, 27 May 2024 04:34:36 -0500 Subject: [PATCH 04/28] chore: rename amelia (#923) --- scripts/userstyles.yml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index d501795c5d..52b1a00813 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -83,7 +83,7 @@ collaborators: url: https://github.com/rockquiet - &nyameliaaaa name: Amelia Rose - url: https://github.com/nyameliaaaa + url: https://github.com/temp-19382838 - &nyatalieeee name: Natalie Raine url: https://github.com/Nyatalieeee From a96db324b665df5a91df81d86e80e982e24e8279 Mon Sep 17 00:00:00 2001 From: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 27 May 2024 09:35:01 +0000 Subject: [PATCH 05/28] chore: generate health files --- .github/CODEOWNERS | 2 +- styles/planet-minecraft/README.md | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index 36e95eb5ea..60b78fd189 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -53,7 +53,7 @@ /styles/paste.rs @Guaxinim5573 /styles/perplexity @isabelroses @Tnixc /styles/picrew @Nyatalieeee -/styles/planet-minecraft @nyameliaaaa +/styles/planet-minecraft @temp-19382838 /styles/pronouns.page @uncenter /styles/proton @soya-daizu /styles/pypi @trinkey diff --git a/styles/planet-minecraft/README.md b/styles/planet-minecraft/README.md index f17c385cb8..d040cf5694 100644 --- a/styles/planet-minecraft/README.md +++ b/styles/planet-minecraft/README.md @@ -20,7 +20,7 @@ ## ๐Ÿ’ Current Maintainer -- [Amelia Rose](https://github.com/nyameliaaaa) +- [Amelia Rose](https://github.com/temp-19382838)   From 9fb0e8034c0ebc0eb4979084f64ff4e2c8be607f Mon Sep 17 00:00:00 2001 From: uncenter <47499684+uncenter@users.noreply.github.com> Date: Mon, 27 May 2024 15:41:45 -0400 Subject: [PATCH 06/28] feat(stack-overflow): init (#918) --- scripts/userstyles.yml | 8 + styles/stack-overflow/catppuccin.user.css | 334 ++++++++++++++++++++++ styles/stack-overflow/preview.webp | 3 + 3 files changed, 345 insertions(+) create mode 100644 styles/stack-overflow/catppuccin.user.css create mode 100644 styles/stack-overflow/preview.webp diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 52b1a00813..f5cdecae12 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -723,6 +723,14 @@ userstyles: readme: app-link: "https://open.spotify.com" current-maintainers: [*tnixc] + stack-overflow: + name: Stack Overflow + categories: [development] + icon: stackoverflow + color: peach + readme: + app-link: https://stackoverflow.com + current-maintainers: [*uncenter] startpage: name: Startpage categories: [search_engine] diff --git a/styles/stack-overflow/catppuccin.user.css b/styles/stack-overflow/catppuccin.user.css new file mode 100644 index 0000000000..618c729d56 --- /dev/null +++ b/styles/stack-overflow/catppuccin.user.css @@ -0,0 +1,334 @@ +/* ==UserStyle== +@name Stack Overflow Catppuccin +@namespace github.com/catppuccin/userstyles/styles/stack-overflow +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stack-overflow +@version 0.0.1 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/stack-overflow/catppuccin.user.css +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astack-overflow +@description Soothing pastel theme for Stack Overflow +@author Catppuccin +@license MIT + +@preprocessor less +@var select lightFlavor "Light Flavor" ["latte:Latte*", "frappe:Frappรฉ", "macchiato:Macchiato", "mocha:Mocha"] +@var select darkFlavor "Dark Flavor" ["latte:Latte", "frappe:Frappรฉ", "macchiato:Macchiato", "mocha:Mocha*"] +@var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] +==/UserStyle== */ + +@-moz-document domain('stackoverflow.com') { + @import url("https://unpkg.com/@catppuccin/highlightjs@0.2.2/css/catppuccin.variables.important.css"); + code.hljs { + background: none !important; + } + + body:not(.theme-highcontrast, .theme-dark).unified-theme { + &, + .themed { + #catppuccin(@lightFlavor, @accentColor); + } + } + body:not(.theme-highcontrast).unified-theme.theme-dark { + &, + .themed { + #catppuccin(@darkFlavor, @accentColor); + } + } + + @media (prefers-color-scheme: light) { + body:not(.theme-highcontrast).unified-theme.theme-system { + #catppuccin(@lightFlavor, @accentColor); + } + } + @media (prefers-color-scheme: dark) { + body:not(.theme-highcontrast).unified-theme.theme-system { + #catppuccin(@darkFlavor, @accentColor); + } + } + + #catppuccin(@lookup, @accent) { + @rosewater: @catppuccin[@@lookup][@rosewater]; + @flamingo: @catppuccin[@@lookup][@flamingo]; + @pink: @catppuccin[@@lookup][@pink]; + @mauve: @catppuccin[@@lookup][@mauve]; + @red: @catppuccin[@@lookup][@red]; + @maroon: @catppuccin[@@lookup][@maroon]; + @peach: @catppuccin[@@lookup][@peach]; + @yellow: @catppuccin[@@lookup][@yellow]; + @green: @catppuccin[@@lookup][@green]; + @teal: @catppuccin[@@lookup][@teal]; + @sky: @catppuccin[@@lookup][@sky]; + @sapphire: @catppuccin[@@lookup][@sapphire]; + @blue: @catppuccin[@@lookup][@blue]; + @lavender: @catppuccin[@@lookup][@lavender]; + @text: @catppuccin[@@lookup][@text]; + @subtext1: @catppuccin[@@lookup][@subtext1]; + @subtext0: @catppuccin[@@lookup][@subtext0]; + @overlay2: @catppuccin[@@lookup][@overlay2]; + @overlay1: @catppuccin[@@lookup][@overlay1]; + @overlay0: @catppuccin[@@lookup][@overlay0]; + @surface2: @catppuccin[@@lookup][@surface2]; + @surface1: @catppuccin[@@lookup][@surface1]; + @surface0: @catppuccin[@@lookup][@surface0]; + @base: @catppuccin[@@lookup][@base]; + @mantle: @catppuccin[@@lookup][@mantle]; + @crust: @catppuccin[@@lookup][@crust]; + @accent-color: @catppuccin[@@lookup][@@accent]; + + --ctp-rosewater: #rgbify(@rosewater) []; + --ctp-flamingo: #rgbify(@flamingo) []; + --ctp-pink: #rgbify(@pink) []; + --ctp-mauve: #rgbify(@mauve) []; + --ctp-red: #rgbify(@red) []; + --ctp-maroon: #rgbify(@maroon) []; + --ctp-peach: #rgbify(@peach) []; + --ctp-yellow: #rgbify(@yellow) []; + --ctp-green: #rgbify(@green) []; + --ctp-teal: #rgbify(@teal) []; + --ctp-sky: #rgbify(@sky) []; + --ctp-sapphire: #rgbify(@sapphire) []; + --ctp-blue: #rgbify(@blue) []; + --ctp-lavender: #rgbify(@lavender) []; + --ctp-text: #rgbify(@text) []; + --ctp-subtext1: #rgbify(@subtext1) []; + --ctp-subtext0: #rgbify(@subtext0) []; + --ctp-overlay2: #rgbify(@overlay2) []; + --ctp-overlay1: #rgbify(@overlay1) []; + --ctp-overlay0: #rgbify(@overlay0) []; + --ctp-surface2: #rgbify(@surface2) []; + --ctp-surface1: #rgbify(@surface1) []; + --ctp-surface0: #rgbify(@surface0) []; + --ctp-base: #rgbify(@base) []; + --ctp-mantle: #rgbify(@mantle) []; + --ctp-crust: #rgbify(@crust) []; + + color-scheme: if(@lookup = latte, light, dark); + + ::selection { + background-color: fade(@accent-color, 30%); + } + + input, + textarea { + &::placeholder { + color: @subtext0 !important; + } + } + + &, + * { + --theme-background-color: @mantle; + --theme-content-background-color: @base; + --theme-topbar-background-color: @mantle; + --theme-button-primary-background-color: @accent-color; + --theme-button-primary-hover-background-color: darken(@accent-color, 5%); + --theme-button-primary-active-background-color: @text; + --theme-link-color: @accent-color; + --theme-link-color-hover: darken(@accent-color, 5%); + --theme-footer-background-color: @mantle; + + --highlight-bg: @mantle; + + --theme-primary: @accent-color; + --theme-primary-100: fade(@accent-color, 20%); + --theme-primary-200: fade(@accent-color, 30%); + --theme-primary-500: fade(@accent-color, 90%); + + --translucent-secondary: fade(@accent-color, 10%); + --theme-secondary-100: fade(@accent-color, 20%); + --theme-secondary-200: fade(@accent-color, 30%); + --theme-secondary-300: fade(@accent-color, 40%); + --theme-secondary-400: fade(@accent-color, 50%); + --theme-secondary-500: fade(@accent-color, 60%); + --theme-secondary-600: fade(@accent-color, 70%); + + --white: @mantle; + --black: @text; + --black-100: @base; + --black-150: @surface0; + --black-200: @surface1; + --black-225: @surface1; + --black-250: @surface2; + --black-300: @overlay0; + --black-350: @overlay2; + --black-400: @subtext0; + --black-500: @subtext1; + --black-600: @text; + + --purple-100: fade(@mauve, 30%); + --purple-200: fade(@mauve, 40%); + --purple-400: fade(@mauve, 60%); + + --green-400: @green; + --green-500: @green; + + --blue-200: fade(@blue, 30%); + --blue-300: fade(@blue, 40%); + --blue-400: @sky; + --blue-500: @blue; + + --orange-400: fade(@peach, 80%); + --orange-500: fade(@peach, 90%); + --orange-600: @peach; + + --bronze-100: fade(@rosewater, 20%); + --bronze-200: fade(@rosewater, 30%); + --bronze-300: fade(@rosewater, 40%); + --bronze-400: fade(@rosewater, 50%); + + --yellow-100: fade(@yellow, 20%); + --yellow-200: fade(@yellow, 30%); + --yellow-400: fade(@yellow, 70%); + --yellow-500: fade(@yellow, 90%); + + --red-200: fade(@red, 40%); + --red-400: fade(@red, 70%); + --red-500: fade(@red, 80%); + + --scrollbar: @surface1; + } + + .wmd-button > span { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .s-topbar .s-topbar--logo .-img, + .envelope-on, + .envelope-off, + .vote-up-off, + .vote-up-on, + .vote-down-off, + .vote-down-on, + .feed-icon, + .vote-accepted-off, + .vote-accepted-on, + .vote-accepted-bounty, + .badge-earned-check, + .delete-tag, + .grippie, + .expander-arrow-hide, + .expander-arrow-show, + .expander-arrow-small-hide, + .expander-arrow-small-show, + .anonymous-gravatar, + .badge1, + .badge2, + .badge3 { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}"); + } + + .s-avatar { + &.subcommunity-topic-mobile-dev.s-avatar { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}"); + } + + &.subcommunity-topic-r-language { + @svg: escape( + '' + ); + background-image: url("data:image/svg+xml,@{svg}"); + } + } + + [fill="#BCBBBB"] { + fill: @overlay2 !important; + } + [fill="#F48024"] { + fill: @peach !important; + } + + .s-topbar .s-topbar--logo .-img { + filter: none; + } + + .s-sidebarwidget { + background-color: @base; + border-color: @surface0; + + .s-sidebarwidget--header { + background-color: @surface0; + border-color: @surface1; + } + &::after, + .s-sidebarwidget--content, + .s-sidebarwidget--header { + border-color: @surface1; + } + } + + .s-prose kbd { + border-top-color: transparent; + } + + .s-pagination .s-pagination--item { + border-color: @surface2; + } + + .s-badge { + color: @crust; + background-color: @mauve; + } + + .badge, + .badge-tag { + background-color: @surface0; + color: @text; + } + + #onetrust-consent-sdk #onetrust-banner-sdk { + background-color: @mantle; + + #onetrust-accept-btn-handler, + #onetrust-reject-all-handler { + background-color: @accent-color; + color: @crust; + } + + #onetrust-button-group button#onetrust-pc-btn-handler { + background-color: @crust !important; + border-color: @accent-color !important; + color: @accent-color !important; + } + + #onetrust-policy-title, + #onetrust-policy-text, + .ot-b-addl-desc, + .ot-dpd-desc, + .ot-dpd-title, + #onetrust-policy-text :not(.onetrust-vendors-list-handler), + .ot-dpd-desc :not(.onetrust-vendors-list-handler), + #banner-options *, + .ot-cat-header, + .ot-optout-signal, + a { + color: @text !important; + } + } + + .disabled-link { + color: @overlay2; + } + } +} + +#rgbify(@color) { + @rgb-raw: red(@color), green(@color), blue(@color); +} + +/* prettier-ignore */ +@catppuccin: { + @latte: { @rosewater: #dc8a78; @flamingo: #dd7878; @pink: #ea76cb; @mauve: #8839ef; @red: #d20f39; @maroon: #e64553; @peach: #fe640b; @yellow: #df8e1d; @green: #40a02b; @teal: #179299; @sky: #04a5e5; @sapphire: #209fb5; @blue: #1e66f5; @lavender: #7287fd; @text: #4c4f69; @subtext1: #5c5f77; @subtext0: #6c6f85; @overlay2: #7c7f93; @overlay1: #8c8fa1; @overlay0: #9ca0b0; @surface2: #acb0be; @surface1: #bcc0cc; @surface0: #ccd0da; @base: #eff1f5; @mantle: #e6e9ef; @crust: #dce0e8; }; + @frappe: { @rosewater: #f2d5cf; @flamingo: #eebebe; @pink: #f4b8e4; @mauve: #ca9ee6; @red: #e78284; @maroon: #ea999c; @peach: #ef9f76; @yellow: #e5c890; @green: #a6d189; @teal: #81c8be; @sky: #99d1db; @sapphire: #85c1dc; @blue: #8caaee; @lavender: #babbf1; @text: #c6d0f5; @subtext1: #b5bfe2; @subtext0: #a5adce; @overlay2: #949cbb; @overlay1: #838ba7; @overlay0: #737994; @surface2: #626880; @surface1: #51576d; @surface0: #414559; @base: #303446; @mantle: #292c3c; @crust: #232634; }; + @macchiato: { @rosewater: #f4dbd6; @flamingo: #f0c6c6; @pink: #f5bde6; @mauve: #c6a0f6; @red: #ed8796; @maroon: #ee99a0; @peach: #f5a97f; @yellow: #eed49f; @green: #a6da95; @teal: #8bd5ca; @sky: #91d7e3; @sapphire: #7dc4e4; @blue: #8aadf4; @lavender: #b7bdf8; @text: #cad3f5; @subtext1: #b8c0e0; @subtext0: #a5adcb; @overlay2: #939ab7; @overlay1: #8087a2; @overlay0: #6e738d; @surface2: #5b6078; @surface1: #494d64; @surface0: #363a4f; @base: #24273a; @mantle: #1e2030; @crust: #181926; }; + @mocha: { @rosewater: #f5e0dc; @flamingo: #f2cdcd; @pink: #f5c2e7; @mauve: #cba6f7; @red: #f38ba8; @maroon: #eba0ac; @peach: #fab387; @yellow: #f9e2af; @green: #a6e3a1; @teal: #94e2d5; @sky: #89dceb; @sapphire: #74c7ec; @blue: #89b4fa; @lavender: #b4befe; @text: #cdd6f4; @subtext1: #bac2de; @subtext0: #a6adc8; @overlay2: #9399b2; @overlay1: #7f849c; @overlay0: #6c7086; @surface2: #585b70; @surface1: #45475a; @surface0: #313244; @base: #1e1e2e; @mantle: #181825; @crust: #11111b; }; +} + +// vim:ft=less diff --git a/styles/stack-overflow/preview.webp b/styles/stack-overflow/preview.webp new file mode 100644 index 0000000000..26618c4233 --- /dev/null +++ b/styles/stack-overflow/preview.webp @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:6021f336ac2efaaa14738aaca4908a7902125f7cd37aae09d7f927acb2282194 +size 233104 From df171311fb4bafaba768f817992d13ca9c17fd60 Mon Sep 17 00:00:00 2001 From: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Date: Mon, 27 May 2024 19:42:11 +0000 Subject: [PATCH 07/28] chore: generate health files --- .github/CODEOWNERS | 1 + .github/ISSUE_TEMPLATE/userstyle.yml | 2 +- .github/issue-labeler.yml | 2 ++ .github/labels.yml | 3 +++ .github/pr-labeler.yml | 1 + README.md | 1 + styles/stack-overflow/README.md | 36 ++++++++++++++++++++++++++++ 7 files changed, 45 insertions(+), 1 deletion(-) create mode 100644 styles/stack-overflow/README.md diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index 60b78fd189..0fd8ae7d06 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -61,6 +61,7 @@ /styles/searxng @Sekki21956 @ryanccn /styles/snapchat-web @itzTheMeow /styles/spotify-web @Tnixc +/styles/stack-overflow @uncenter /styles/skiff @coopw1 /styles/stylus @GitMuslim /styles/syncthing @BlankParticle diff --git a/.github/ISSUE_TEMPLATE/userstyle.yml b/.github/ISSUE_TEMPLATE/userstyle.yml index 47c417467f..696ecd9d9c 100644 --- a/.github/ISSUE_TEMPLATE/userstyle.yml +++ b/.github/ISSUE_TEMPLATE/userstyle.yml @@ -16,7 +16,7 @@ body: label: What userstyles are you seeing the problem on? description: "Don't worry about the `lbl:` prefix, it allows issues to be automatically labeled!" multiple: true - options: ["lbl:advent-of-code", "lbl:anilist", "lbl:arch-wiki", "lbl:boringproxy", "lbl:brave-search", "lbl:bsky", "lbl:bstats", "lbl:canvas-lms", "lbl:chatgpt", "lbl:chatreplay", "lbl:chess.com", "lbl:cinny", "lbl:codeberg", "lbl:crates.io", "lbl:crowdin", "lbl:deepl", "lbl:docs.rs", "lbl:duckduckgo", "lbl:ecosia", "lbl:elk", "lbl:freedesktop", "lbl:formative", "lbl:github", "lbl:gmail", "lbl:google", "lbl:google-drive", "lbl:google-photos", "lbl:graphite", "lbl:hackage", "lbl:hacker-news", "lbl:holodex", "lbl:home-manager-options-search", "lbl:homepage", "lbl:hoppscotch", "lbl:hyperpipe", "lbl:ichi.moe", "lbl:inoreader", "lbl:instagram", "lbl:invidious", "lbl:invokeai", "lbl:keyoxide", "lbl:lastfm", "lbl:lemmy", "lbl:libreddit", "lbl:lichess", "lbl:lingva", "lbl:linkedin", "lbl:mastodon", "lbl:mdbook", "lbl:mdn", "lbl:modrinth", "lbl:microsoft-word", "lbl:migadu-webmail", "lbl:minesweeper", "lbl:nitter", "lbl:nixos-search", "lbl:nixos.wiki", "lbl:npm", "lbl:openmediavault", "lbl:paste.rs", "lbl:perplexity", "lbl:picrew", "lbl:pinterest", "lbl:planet-minecraft", "lbl:pronouns.page", "lbl:proton", "lbl:pypi", "lbl:quizlet", "lbl:reddit", "lbl:searxng", "lbl:snapchat-web", "lbl:spotify-web", "lbl:startpage", "lbl:skiff", "lbl:stylus", "lbl:substack", "lbl:syncthing", "lbl:tabnews", "lbl:tldraw", "lbl:trinket", "lbl:tuta", "lbl:twitch", "lbl:twitter", "lbl:vercel", "lbl:whatsapp-web", "lbl:wikipedia", "lbl:wikiwand", "lbl:youtube", "lbl:nextjs"] + options: ["lbl:advent-of-code", "lbl:anilist", "lbl:arch-wiki", "lbl:boringproxy", "lbl:brave-search", "lbl:bsky", "lbl:bstats", "lbl:canvas-lms", "lbl:chatgpt", "lbl:chatreplay", "lbl:chess.com", "lbl:cinny", "lbl:codeberg", "lbl:crates.io", "lbl:crowdin", "lbl:deepl", "lbl:docs.rs", "lbl:duckduckgo", "lbl:ecosia", "lbl:elk", "lbl:freedesktop", "lbl:formative", "lbl:github", "lbl:gmail", "lbl:google", "lbl:google-drive", "lbl:google-photos", "lbl:graphite", "lbl:hackage", "lbl:hacker-news", "lbl:holodex", "lbl:home-manager-options-search", "lbl:homepage", "lbl:hoppscotch", "lbl:hyperpipe", "lbl:ichi.moe", "lbl:inoreader", "lbl:instagram", "lbl:invidious", "lbl:invokeai", "lbl:keyoxide", "lbl:lastfm", "lbl:lemmy", "lbl:libreddit", "lbl:lichess", "lbl:lingva", "lbl:linkedin", "lbl:mastodon", "lbl:mdbook", "lbl:mdn", "lbl:modrinth", "lbl:microsoft-word", "lbl:migadu-webmail", "lbl:minesweeper", "lbl:nitter", "lbl:nixos-search", "lbl:nixos.wiki", "lbl:npm", "lbl:openmediavault", "lbl:paste.rs", "lbl:perplexity", "lbl:picrew", "lbl:pinterest", "lbl:planet-minecraft", "lbl:pronouns.page", "lbl:proton", "lbl:pypi", "lbl:quizlet", "lbl:reddit", "lbl:searxng", "lbl:snapchat-web", "lbl:spotify-web", "lbl:stack-overflow", "lbl:startpage", "lbl:skiff", "lbl:stylus", "lbl:substack", "lbl:syncthing", "lbl:tabnews", "lbl:tldraw", "lbl:trinket", "lbl:tuta", "lbl:twitch", "lbl:twitter", "lbl:vercel", "lbl:whatsapp-web", "lbl:wikipedia", "lbl:wikiwand", "lbl:youtube", "lbl:nextjs"] validations: required: true - type: textarea diff --git a/.github/issue-labeler.yml b/.github/issue-labeler.yml index d53c316a54..6facaaf1a2 100644 --- a/.github/issue-labeler.yml +++ b/.github/issue-labeler.yml @@ -143,6 +143,8 @@ snapchat-web: - '(lbl:snapchat-web)' spotify-web: - '(lbl:spotify-web)' +stack-overflow: + - '(lbl:stack-overflow)' startpage: - '(lbl:startpage)' skiff: diff --git a/.github/labels.yml b/.github/labels.yml index b9dbdd47fd..62e83abc11 100644 --- a/.github/labels.yml +++ b/.github/labels.yml @@ -215,6 +215,9 @@ - name: spotify-web description: Spotify Web color: '#a6da95' +- name: stack-overflow + description: Stack Overflow + color: '#f5a97f' - name: startpage description: Startpage color: '#b7bdf8' diff --git a/.github/pr-labeler.yml b/.github/pr-labeler.yml index 224fc2f36b..254b5bb90d 100644 --- a/.github/pr-labeler.yml +++ b/.github/pr-labeler.yml @@ -71,6 +71,7 @@ reddit: styles/reddit/**/* searxng: styles/searxng/**/* snapchat-web: styles/snapchat-web/**/* spotify-web: styles/spotify-web/**/* +stack-overflow: styles/stack-overflow/**/* startpage: styles/startpage/**/* skiff: styles/skiff/**/* stylus: styles/stylus/**/* diff --git a/README.md b/README.md index 8e6000283c..9a3b3e36bf 100644 --- a/README.md +++ b/README.md @@ -108,6 +108,7 @@ See [CONTRIBUTING.md](docs/CONTRIBUTING.md). - [npm](styles/npm) - [paste.rs](styles/paste.rs) - [PyPI](styles/pypi) +- [Stack Overflow](styles/stack-overflow) - [Trinket](styles/trinket) - [Vercel](styles/vercel) diff --git a/styles/stack-overflow/README.md b/styles/stack-overflow/README.md new file mode 100644 index 0000000000..00603a6716 --- /dev/null +++ b/styles/stack-overflow/README.md @@ -0,0 +1,36 @@ + + + +

+ Logo
+ + Catppuccin for Stack Overflow + +

+ +

+ + +

+ +

+ +

+ + + +## ๐Ÿ’ Current Maintainer +- [uncenter](https://github.com/uncenter) + + +  + +

+ +

+ +

+ Copyright © 2021-present Catppuccin Org +

+ + From de1f0cd52959df801eca93f37371335636bba5a6 Mon Sep 17 00:00:00 2001 From: uncenter <47499684+uncenter@users.noreply.github.com> Date: Tue, 28 May 2024 13:35:17 -0400 Subject: [PATCH 08/28] fix(docs.rs): background of links in source viewer (#926) --- styles/docs.rs/catppuccin.user.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles/docs.rs/catppuccin.user.css b/styles/docs.rs/catppuccin.user.css index 2bddff47fc..7d5a464813 100644 --- a/styles/docs.rs/catppuccin.user.css +++ b/styles/docs.rs/catppuccin.user.css @@ -2,7 +2,7 @@ @name docs.rs Catppuccin @namespace github.com/catppuccin/userstyles/styles/docs.rs @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/docs.rs -@version 0.0.2 +@version 0.0.3 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/docs.rs/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adocs.rs @description Soothing pastel theme for docs.rs @@ -198,7 +198,7 @@ --src-sidebar-background-selected: @surface0; --src-sidebar-background-hover: @surface1; --table-alt-row-background-color: @mantle; - --codeblock-link-background: red; + --codeblock-link-background: fade(@surface0, 50%); --scrape-example-toggle-line-background: red; --scrape-example-toggle-line-hover-background: red; --scrape-example-code-line-highlight: fade(@accent-color, 40%); From d866cd731710d46b75fec9d054206d82b03f98b8 Mon Sep 17 00:00:00 2001 From: Maxim Golay Date: Tue, 28 May 2024 21:23:33 +0200 Subject: [PATCH 09/28] feat(docs.rs): apply to doc.rust-lang.org (#927) --- styles/docs.rs/catppuccin.user.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles/docs.rs/catppuccin.user.css b/styles/docs.rs/catppuccin.user.css index 7d5a464813..ea0c52063b 100644 --- a/styles/docs.rs/catppuccin.user.css +++ b/styles/docs.rs/catppuccin.user.css @@ -2,7 +2,7 @@ @name docs.rs Catppuccin @namespace github.com/catppuccin/userstyles/styles/docs.rs @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/docs.rs -@version 0.0.3 +@version 0.0.4 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/docs.rs/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Adocs.rs @description Soothing pastel theme for docs.rs @@ -15,7 +15,7 @@ @var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] ==/UserStyle== */ -@-moz-document domain('docs.rs') { +@-moz-document domain('docs.rs'), domain('doc.rust-lang.org') { @media (prefers-color-scheme: light) { :root:not([data-docs-rs-theme]) { #catppuccin(@lightFlavor, @accentColor); From 485d288f4f6bea6a3f3ed5744874f2ddd273c186 Mon Sep 17 00:00:00 2001 From: Carter Jamison Date: Wed, 29 May 2024 07:37:08 -0600 Subject: [PATCH 10/28] feat(mdbook): apply to rust-book.cs.brown.edu (#929) --- styles/mdbook/catppuccin.user.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/styles/mdbook/catppuccin.user.css b/styles/mdbook/catppuccin.user.css index 4fe90c30df..cf8cc5d3bd 100644 --- a/styles/mdbook/catppuccin.user.css +++ b/styles/mdbook/catppuccin.user.css @@ -2,7 +2,7 @@ @name mdBook Catppuccin @namespace github.com/catppuccin/userstyles/styles/mdbook @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mdbook -@version 0.0.1 +@version 0.0.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mdbook/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amdbook @description Soothing pastel theme for mdBook @@ -15,7 +15,7 @@ @var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] ==/UserStyle== */ -@-moz-document url-prefix('https://rust-lang.github.io/mdBook/'), domain('doc.rust-lang.org') +@-moz-document url-prefix('https://rust-lang.github.io/mdBook/'), domain('doc.rust-lang.org'), domain('rust-book.cs.brown.edu') { @import url("https://unpkg.com/@catppuccin/highlightjs@0.2.2/css/catppuccin.variables.css"); From fbde46938c9809311c1e33a4a8a6861c10e3d3a6 Mon Sep 17 00:00:00 2001 From: Gen <29279972+GenShibe@users.noreply.github.com> Date: Fri, 31 May 2024 09:10:21 -0700 Subject: [PATCH 11/28] fix(duckduckgo): stocks infobox + ai chat (#931) i love ai chat /s --- styles/duckduckgo/catppuccin.user.css | 123 +++++++++++++++++++++++++- 1 file changed, 119 insertions(+), 4 deletions(-) diff --git a/styles/duckduckgo/catppuccin.user.css b/styles/duckduckgo/catppuccin.user.css index b499431412..8684960761 100644 --- a/styles/duckduckgo/catppuccin.user.css +++ b/styles/duckduckgo/catppuccin.user.css @@ -2,7 +2,7 @@ @name DuckDuckGo Catppuccin @namespace github.com/catppuccin/userstyles/styles/duckduckgo @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/duckduckgo -@version 0.2.0 +@version 0.2.1 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aduckduckgo @description Soothing pastel theme for DuckDuckGo @@ -148,6 +148,23 @@ --theme-col-bg-ui: @mantle !important; --theme-col-bg-header-modal: @surface0 !important; --theme-col-bg-button-primary: @blue !important; + /* ai chat */ + --theme-dc-color-background-dark: @base !important; + --theme-dc-color-gpt-main: @mauve !important; + --theme-dc-color-gpt-bg: @mauve !important; + --theme-dc-color-claude-main: @green !important; + --theme-dc-color-claude-bg: @green !important; + --sds-color-background-destructive: @red !important; + --sds-color-text-on-dark-01: @text !important; + --theme-dc-color-fire-button: fade(@red, 40%) !important; + --sds-color-background-destructive-state-01: @red !important; + --sds-color-background-destructive-state-02: @red !important; + --sds-color-text-destructive: @red !important; + --sds-color-text-success: @green !important; + --sds-color-text-link-01: @blue !important; + --sds-color-background-container-01: @surface0 !important; + --sds-color-border-accent-01: @accent-color !important; + --theme-dc-color-container-message: @surface0 !important; .footer, .footer--mobile, @@ -203,6 +220,106 @@ color: @text !important; } + /* button on hover */ + .btn:hover:not(.is-disabled) { + background-color: @mantle; + color: @blue; + border-color: @mantle; + } + + /* stocks infobox */ + .stocks-module__currentPrice, + .stocks-module__exchange, + .stocks-module__currency, + .stocks-module__stats { + color: @text; + } + .stocks-module__timePeriod { + background-color: @surface2; + color: @text; + } + .stocks-module__latestUpdate, + .ia-module--stocks a.stocks-module__attribution, + .stocks-module__footer { + color: @subtext1; + } + .stocks-module__timePeriod.selected { + color: @mantle; + background-color: @accent-color; + } + .ia-module--stocks.increase .color-coded { + color: @green !important; + } + .stocks-module__hover-label { + &[style*="color: rgb(222, 88, 51);"] { + color: @red !important; + } + &[style*="color: rgb(91, 158, 77);"] { + color: @green !important; + } + } + .ia-module--stocks.increase .color-coded path { + stroke: @green; + fill: @green; + } + .ia-module--stocks + .stocks-module__chart-area-row + .stocks-module__chart + svg { + [stroke="#de5833"] { + stroke: @red !important; + } + [fill="#de5833"] { + fill: @red !important; + } + [stroke="#5b9e4d"] { + stroke: @green !important; + [fill="#5b9e4d"] { + fill: @green !important; + } + } + } + .ia-module--stocks.decrease .color-coded { + color: @red; + } + .ia-module--stocks.decrease .color-coded path { + stroke: @red; + fill: @red; + } + .ia-module--stocks + .stocks-module__stats-wrapper + .stocks-module__stats + .stocks-module__stat-col + .stocks-module__stat { + border-bottom-color: @overlay0; + } + .stocks-module__chart .horizontal-line, + .stocks-module__chart .vertical-line, + .stocks-module__chart .prev-close-line { + stroke: @surface2; + } + + /* color box */ + .tx-clr--lt { + color: @text; + } + .tx-clr--dk2 { + color: @subtext0; + } + + /* ai chat >:( */ + .feedback-external__link { + color: @blue; + } + .feedback-duckchat-modal__disclaimer { + color: @text; + } + .feedback-modal__radio { + color: @text; + } + .modal__close { + color: @text; + } /* lyrics box */ .js-lyrics-module { color: @subtext1 !important; @@ -294,6 +411,7 @@ .is-link-style-exp .btn--primary:not(.is-disabled) { background-color: @blue !important; border-color: @blue !important; + color: @mantle !important; } .featureCards_dark__5Xbsn { @@ -389,19 +507,16 @@ border-color: @surface2 !important; color: @text !important; } - .tile__tab__sci .tile__ctrl__btn, .tile__ctrl__toggle { background-color: @surface2 !important; color: @text !important; border-color: @overlay0 !important; } - .tile__display__main, .tile__past-result { color: @text !important; } - .tile__display { box-shadow: inset -1px -1px 0 @overlay0, From 4e6c112c1e093ee9989e3abaf06674b1020751fe Mon Sep 17 00:00:00 2001 From: Sena Date: Sun, 2 Jun 2024 00:28:26 +0300 Subject: [PATCH 12/28] chore(maintainers): move jn-sena to current maintainers (#934) --- scripts/userstyles.yml | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index f5cdecae12..9a56647aca 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -227,8 +227,7 @@ userstyles: color: text readme: app-link: "https://cinny.in" - current-maintainers: [] - past-maintainers: [*jn-sena] + current-maintainers: [*jn-sena] codeberg: name: Codeberg categories: [development, productivity] @@ -366,8 +365,7 @@ userstyles: color: mauve readme: app-link: "https://hackage.haskell.org" - current-maintainers: [] - past-maintainers: [*jn-sena] + current-maintainers: [*jn-sena] hacker-news: name: Hacker News categories: [discussion_forum, entertainment, social_networking] @@ -414,8 +412,7 @@ userstyles: color: teal readme: app-link: "https://hyperpipe.surge.sh/" - current-maintainers: [] - past-maintainers: [*jn-sena] + current-maintainers: [*jn-sena] ichi.moe: name: ichi.moe categories: [translation_tool, productivity] From e03470142eb21cb679f215d9ae67d4d38109c73e Mon Sep 17 00:00:00 2001 From: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Date: Sat, 1 Jun 2024 21:28:53 +0000 Subject: [PATCH 13/28] chore: generate health files --- .github/CODEOWNERS | 3 +++ README.md | 6 +++--- styles/cinny/README.md | 6 ++---- styles/hackage/README.md | 6 ++---- styles/hyperpipe/README.md | 6 ++---- 5 files changed, 12 insertions(+), 15 deletions(-) diff --git a/.github/CODEOWNERS b/.github/CODEOWNERS index 0fd8ae7d06..c7f186c519 100644 --- a/.github/CODEOWNERS +++ b/.github/CODEOWNERS @@ -9,6 +9,7 @@ /styles/chatgpt @uncenter /styles/chatreplay @AnubisNekhet /styles/chess.com @coldenate @isabelroses +/styles/cinny @jn-sena /styles/codeberg @isabelroses /styles/crates.io @uncenter /styles/crowdin @ryanccn @@ -24,11 +25,13 @@ /styles/google-drive @r58Playz /styles/google-photos @GenShibe /styles/graphite @isabelroses +/styles/hackage @jn-sena /styles/hacker-news @lucasmelin /styles/holodex @Guaxinim5573 /styles/home-manager-options-search @uncenter /styles/homepage @Gandalf-the-Blue /styles/hoppscotch @justTOBBI +/styles/hyperpipe @jn-sena /styles/ichi.moe @watatomo /styles/inoreader @thomas-philippot /styles/instagram @GenShibe diff --git a/README.md b/README.md index 9a3b3e36bf..bce55ad75c 100644 --- a/README.md +++ b/README.md @@ -99,7 +99,7 @@ See [CONTRIBUTING.md](docs/CONTRIBUTING.md). - [freedesktop.org](styles/freedesktop) - [GitHub](styles/github) - [Graphite](styles/graphite) -- ๐Ÿšง [Hackage](styles/hackage) +- [Hackage](styles/hackage) - [Home Manager Options Search](styles/home-manager-options-search) - [Hoppscotch](styles/hoppscotch) - [Keyoxide](styles/keyoxide) @@ -154,7 +154,7 @@ See [CONTRIBUTING.md](docs/CONTRIBUTING.md).
๐ŸŽต Music -- ๐Ÿšง [Hyperpipe](styles/hyperpipe) +- [Hyperpipe](styles/hyperpipe) - [Last.fm](styles/lastfm) - [Spotify Web](styles/spotify-web) @@ -194,7 +194,7 @@ See [CONTRIBUTING.md](docs/CONTRIBUTING.md). โœจ Social Networking - [Bluesky Social](styles/bsky) -- ๐Ÿšง [Cinny](styles/cinny) +- [Cinny](styles/cinny) - [Elk](styles/elk) - [Instagram](styles/instagram) - [LinkedIn](styles/linkedin) diff --git a/styles/cinny/README.md b/styles/cinny/README.md index 06a8a76e26..32c4aa69e0 100644 --- a/styles/cinny/README.md +++ b/styles/cinny/README.md @@ -19,12 +19,10 @@ -## ๐Ÿšง Looking for Maintainers ๐Ÿšง -- If you are interested in maintaining this userstyle, please raise a **Pull Request** and add yourself into the `current-maintainers` array in the `userstyles.yml` file. - -## ๐Ÿ’– Past Maintainer +## ๐Ÿ’ Current Maintainer - [Sena](https://github.com/jn-sena) +  

diff --git a/styles/hackage/README.md b/styles/hackage/README.md index 6949bd7344..a87fafc083 100644 --- a/styles/hackage/README.md +++ b/styles/hackage/README.md @@ -19,12 +19,10 @@ -## ๐Ÿšง Looking for Maintainers ๐Ÿšง -- If you are interested in maintaining this userstyle, please raise a **Pull Request** and add yourself into the `current-maintainers` array in the `userstyles.yml` file. - -## ๐Ÿ’– Past Maintainer +## ๐Ÿ’ Current Maintainer - [Sena](https://github.com/jn-sena) +  

diff --git a/styles/hyperpipe/README.md b/styles/hyperpipe/README.md index 485d3adb8e..40eb633806 100644 --- a/styles/hyperpipe/README.md +++ b/styles/hyperpipe/README.md @@ -19,12 +19,10 @@ -## ๐Ÿšง Looking for Maintainers ๐Ÿšง -- If you are interested in maintaining this userstyle, please raise a **Pull Request** and add yourself into the `current-maintainers` array in the `userstyles.yml` file. - -## ๐Ÿ’– Past Maintainer +## ๐Ÿ’ Current Maintainer - [Sena](https://github.com/jn-sena) +  

From 2a830b28e8a218ebfea0e11938fb4383dfbf2a4c Mon Sep 17 00:00:00 2001 From: Jens Gatzweiler Date: Sat, 1 Jun 2024 23:32:25 +0200 Subject: [PATCH 14/28] fix(proton): light color scheme for message iframe (#919) --- styles/proton/catppuccin.user.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/styles/proton/catppuccin.user.css b/styles/proton/catppuccin.user.css index 147580104c..6fd106d959 100644 --- a/styles/proton/catppuccin.user.css +++ b/styles/proton/catppuccin.user.css @@ -2,7 +2,7 @@ @name Proton Catppuccin @namespace github.com/catppuccin/userstyles/styles/proton @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/proton -@version 0.1.6 +@version 0.1.7 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/proton/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aproton @description Soothing pastel theme for Proton @@ -236,6 +236,10 @@ background-color: var(--navigation-current-item-background-color); color: var(--email-item-unread-text-color); } + + .message-content:not(.plain) .message-iframe iframe { + color-scheme: light; + } } } From 6e1c9afe629f245d3a1b05cae245c6d37cd46d3a Mon Sep 17 00:00:00 2001 From: Toshit <45221816+r58Playz@users.noreply.github.com> Date: Sat, 1 Jun 2024 14:46:36 -0700 Subject: [PATCH 15/28] fix(formative): update for classname and practice set changes (#928) fix(formative): update for classname and practice set changes, theme badges --- styles/formative/catppuccin.user.css | 287 ++++++++++++++++++++------- 1 file changed, 213 insertions(+), 74 deletions(-) diff --git a/styles/formative/catppuccin.user.css b/styles/formative/catppuccin.user.css index 6b997dce89..20a2e1b922 100644 --- a/styles/formative/catppuccin.user.css +++ b/styles/formative/catppuccin.user.css @@ -2,7 +2,7 @@ @name Formative Catppuccin @namespace github.com/catppuccin/userstyles/styles/formative @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/formative -@version 0.2.3 +@version 0.2.4 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/formative/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aformative @description Soothing pastel theme for Formative @@ -112,23 +112,29 @@ .MainAppSideMenu__RootNav-sc-11gwnv8-0 { background: @surface0; - .SideTabItem__RootButton-sc-vtkzgr-0.selected { - background: fade(@accent-color, 50%); - &::after { - background: @accent-color; + .SideTabItem__RootButton-sc-vtkzgr-0 { + &.selected { + background: fade(@accent-color, 50%); + &::after { + background: @accent-color; + } } - } - .SideTabItem__RootButton-sc-vtkzgr-0:not(.selected):hover { - .side-tab-item-label-div, - .material-icons-outlined { - color: @accent-color; + &:hover { + .avatar { + box-shadow: @accent-color 0 0 0 1px; + } } - .avatar { - box-shadow: @accent-color 0 0 0 1px; + &:not(.selected):hover { + .side-tab-item-label-div, + .material-icons-outlined, + .svg-icons svg { + color: @accent-color; + } } } .side-tab-item-label-div, - .material-icons-outlined { + .material-icons-outlined, + .svg-icons { color: @text; } } @@ -149,7 +155,7 @@ background-color: @surface0; } - .SecondaryHeader__RootDiv-sc-p36xe7-0 { + .SecondaryHeader__RootDiv-sc-1lpafq7-0 { background: @surface0; border-color: @overlay0; .TabsItem__RootDiv-sc-tj1og8-0 > a { @@ -167,8 +173,9 @@ } main, - .FormativesShelf__HeaderDiv-sc-1pswvpk-2, - .FormativesShelf__StyledSecondaryHeader-sc-1pswvpk-3 { + .FormativesShelf__HeaderDiv-sc-1pswvpk-3, + .FormativesShelf__StyledSecondaryHeader-sc-1pswvpk-4, + .TabsItem__TabDiv-sc-tj1og8-4:focus-visible { background: @base; } .Home__TitleSpan-sc-q7a345-5, @@ -199,7 +206,7 @@ .QuestionViewable__QuestionNumberDiv-sc-13jvio2-3, .FormativeStudentFooter__ProgressCountDiv-sc-6tj89c-1, .FormativeStudentFooter__SubTextDiv-sc-6tj89c-5, - .FormativesShelf__ShowScoresText-sc-1pswvpk-5, + .FormativesShelf__ShowScoresText-sc-1pswvpk-6, .ModalBody__RootDiv-sc-1lg094f-0, .Elements__Title-sc-1qtb2ho-9, .JoinQuickCode__QuickCodeTextParagraph-sc-1uhfett-1, @@ -212,7 +219,7 @@ .DragAndDropViewableContainer__InstructionsDiv-sc-1ke293x-0, .QuestionViewable__CorrectAnswerLabelDiv-sc-13jvio2-7, .MatchingTableRow__ArrowIcon-sc-1u9h4tb-1, - .PracticeSet__StyledLastUpdated-sc-1wup6tb-8, + .PracticeSet__StyledLastUpdated-sc-1wup6tb-9, .MaterialIcon-sc-1g5xoi8-0, .MinimalFormativeStudentHeader__FormativeTitleDiv-sc-14rcnaq-4, .ErrorExplainer__SubTextHeading-sc-7nq4if-2, @@ -237,7 +244,7 @@ .Summary__RawButtonLink-sc-1ofq6fd-2 { color: @accent-color; } - .FormativesShelf__StyledSecondaryHeader-sc-1pswvpk-3 { + .FormativesShelf__StyledSecondaryHeader-sc-1pswvpk-4 { border-color: @overlay0; } .TabsItem__SelectedLineDiv-sc-tj1og8-1 { @@ -263,6 +270,7 @@ background: @surface2 !important; border-color: @overlay0; } + .Card__RootDiv-sc-hyrluv-0, .Card__RootDiv-sc-4gt2nj-0 { background: @surface0; border-color: @overlay0; @@ -270,8 +278,7 @@ border-color: @accent-color; outline-color: @accent-color; } - .FormativeCardAttributesRow__AttributeDiv-sc-tx9rpw-1 - .material-icons-outlined { + .material-icons-outlined { color: @text; } &:hover { @@ -281,7 +288,7 @@ } } } - .ClassAvatar__RootDiv-sc-1ihhtbf-0, + .ClassAvatar__RootDiv-sc-i7tto7-0, .avatar > div { background: @accent-color; color: @contrast-accent-color; @@ -330,7 +337,7 @@ .Button__StyledButton-sc-aum9f1-1, .IconButton__RootButton-sc-ebvofk-0, .SectionDetail__BackLink-sc-1aifgaj-4 { - background: @surface0; + background: @surface0 !important; &, .material-icons-outlined { color: @accent-color !important; @@ -351,6 +358,15 @@ background: @overlay0; } } + .ButtonSwitch__RootDiv-sc-1cluxwg-0 { + background: @surface1; + .ButtonSwitchOption__RootDiv-sc-ek1jm8-0 { + &.selected { + background: @surface2; + } + color: @text; + } + } .FormativeCardScore__PercentageSpan-sc-p5mc30-1 { &[style*="rgba(32, 213, 171, 0.2)"] { background: fade(@green, 50) !important; @@ -404,6 +420,7 @@ .BadgeCard__RootButton-sc-13976oo-0 { &:hover, + &:focus, &.selected { .BadgeCard__BadgeLabelDiv-sc-13976oo-8 { color: @accent-color; @@ -426,8 +443,26 @@ background: @surface1; } } + .BadgeSidebar__ChallengeLevelsDiv-sc-oi03p1-10 { + border-color: @overlay0; + } + } + .BadgeCard__BadgeImage-sc-13976oo-5, + .BadgeSidebar__BadgeImage-sc-oi03p1-2 { + &[src*="responses"] { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + } + &[src*="formatives-assigned-submitted"] { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + } } - .ProgressBar__Progress-sc-4qm1te-0 { + .ProgressBar__ProgressDiv-sc-4qm1te-0 { background: @overlay0; .ProgressBar__ProgressBarDiv-sc-4qm1te-2 { background: @accent-color; @@ -442,6 +477,10 @@ .Tooltip__Content-sc-1k6bq57-0 { background: @surface0; color: @text; + .Tooltip__KeyboardShortcutContainerDiv-sc-1k6bq57-1 { + background: @surface1; + color: @text; + } } .Modal__Overlay-sc-1uf7odj-0 { background: fade(@crust, 80); @@ -450,7 +489,7 @@ background: @base; .modal-header, .modal-footer { - border-color: @overlay0; + border-color: @overlay0 !important; } .ModalHeader__Title-sc-1aoz840-1 { color: @text; @@ -470,12 +509,20 @@ .CopyablePracticeSetInfo__ExplainerDiv-sc-14zdsnw-5 { background: @surface0; } + .ThemePreview__PrimaryColorDiv-sc-zh51j9-0[style*="outline"] { + &[style*="outline: rgb(255, 255, 255)"] { + outline-color: @text !important; + } + &[style*="outline: rgb(13, 100, 242)"] { + outline-color: @accent-color !important; + } + } } .ReactModal__Overlay { background: fade(@crust, 80); .ReactModal__ActualContent { - background: @base; - .ModalBody__RootDiv-sc-1lg094f-0 > * { + background: @base !important; + .ModalBody-sc-1lg094f-0 > * { color: @text !important; &.ErrorExplainer__BodyDiv-sc-7nq4if-0 { .material-icons-outlined { @@ -486,19 +533,45 @@ color: @subtext0; } } - .PracticeItemImport__StyledTextarea-sc-4fopem-2 { - background: @surface0; + &.Input__StyledInput-sc-1632reg-0 { + background: @surface0 !important; + &::placeholder { + color: @overlay2 !important; + } + &:focus { + border-color: @accent-color; + } } + &.CookiePolicyModal__AccordionDiv-sc-dpnzx7-0 + .AccordionItem__ContainerDiv-sc-1aj05j4-0 { + &, + .AccordionItem__HeaderDiv-sc-1aj05j4-1, + .AccordionItem__BodyDiv-sc-1aj05j4-5 { + background: @surface0; + border-color: @overlay0; + } + .material-icons-outlined { + color: @text; + } + .CookiePolicyModal__BlueAlertText-sc-dpnzx7-5 { + color: @accent-color; + } + } + } + .ModalBody-sc-1lg094f-0:has(.Submit__ContentTitleH3-sc-1vceatk-1) + svg + path { + fill: @accent-color; } .ModalTitle { background: @base; } - .PracticeDispatchModalOptionButton__RootButton-sc-eybp6x-0 { + .PracticeDispatchModalOptionLink__RootLink-sc-1wp7oro-0 { background: @surface1 !important; img { &[src*="flashcard-preview"] { @svg: escape( - '' + '' ); content: url("data:image/svg+xml,@{svg}"); } @@ -557,7 +630,7 @@ background: transparent; } - .FormativeStudentHeader__UpperDiv-sc-yw00ql-11 { + .FormativeStudentHeader__UpperDiv-sc-yw00ql-12 { background: @crust !important; color: @text; &, @@ -565,7 +638,7 @@ border-color: @overlay0; } } - .FormativeStudentHeader__NavStrip-sc-yw00ql-10 { + .FormativeStudentHeader__NavStrip-sc-yw00ql-11 { .FormativeStudentHeader__ScrollableDiv-sc-yw00ql-9 { &::-webkit-scrollbar-track { background: @surface0 !important; @@ -581,22 +654,14 @@ .selectedSection { border-color: @accent-color; } - .FormativeProgressBarStyles__NavItemGroupDiv-sc-1rm72lt-2 { - border-color: @overlay0; - &:hover, - &:focus-within { - background: @surface0; - .formative-nav-item, - .formative-nav-item-icon { - color: @accent-color; - } - } - } .formative-nav-item { &, .formative-nav-item-icon { color: @text; } + .FormativeStudentNavItem__StyledMessageIcon-sc-i1u5ts-4 { + color: @accent-color; + } &:hover, &:focus { background: @surface1; @@ -641,16 +706,29 @@ color: @contrast-accent-color; } } - .FormativeItemViewable__RootDiv-sc-m0kwch-0 { + .FormativeUnavailableMessage__InnerDiv-sc-14kxg7t-1 { + border-color: @accent-color; + background-color: @surface0; + } + .FormativeItemViewable__RootDiv-sc-m0kwch-0, + .SectionDescription__SectionInformationCard-sc-nmaua7-0 { background: @mantle; .correct { - border-color: @green; + outline-color: @green !important; + background: color-mix(in srgb, @base, @green 25%) !important; + } + .incorrect { + outline-color: @red !important; + background: color-mix(in srgb, @base, @red 25%) !important; } &, .withFunctionalizedViewable__LeftColumn-sc-1636o2h-2, .withFunctionalizedViewable__RightColumn-sc-1636o2h-4 { border-color: @overlay0; } + .SectionDescription__DividerDiv-sc-nmaua7-1 { + border-color: @overlay0; + } .ScoreCircle__RootDiv-sc-lj5glq-0 { &[style*="rgb(32, 213, 171)"] { background-color: @green !important; @@ -926,8 +1004,12 @@ z-index: 1; } } - .DrawingToolbar__TooltipBox-sc-2xuxy3-6 { + .slider { background: @surface1; + .thumb { + background: @overlay0; + color: @text; + } } .ExpandedDrawing__BodyDiv-sc-cz2rcw-0 { .DrawingToolbar__RootDiv-sc-2xuxy3-0 { @@ -961,6 +1043,10 @@ color: @text; } } + .SidePicker__RootDiv-sc-xie0qr-0 { + background: @base; + border-color: @overlay0; + } } .MathLiveInput__RootDiv-sc-tki2b-0 { .keyboard-button-wrapper .svg-icons svg path { @@ -983,6 +1069,7 @@ --correct-color: @text; --incorrect-color: @red; --latex-color: @blue; + --placeholder-color: @blue; } .ML__keyboard--plate { --keyboard-text: @text; @@ -1014,6 +1101,18 @@ --keyboard-alternate-text-active: @text; } + #mathlive-popover-panel { + background: @surface2; + color: @text; + box-shadow: 0 14px 28px fade(@crust, 25%) 0 10px 10px fade(@crust, 22%); + li:hover { + background: @overlay0; + } + &::after { + border-color: @surface2 transparent; + } + } + .FullPointsAnimation__AbsoluteContainerDiv-sc-mzm76r-0, .ScoreCircle__LottieWrapperDiv-sc-lj5glq-1, .Summary__SummaryDiv-sc-1ofq6fd-0, @@ -1078,11 +1177,20 @@ .Login__ContentDiv-sc-5w2jun-0, .Login__LoginServiceButtonsRowDiv-sc-5w2jun-3 { .Button__StyledButton-sc-aum9f1-1 { - background: @surface1; + background: @surface1 !important; &:hover { - background: @surface2; + background: @surface2 !important; } } + .material-icons-outlined { + color: @text; + } + .NewselaServiceLoginButton__QuestionTextDiv-sc-mk13mj-1 { + color: @text; + } + .NewselaServiceLoginButton__ActionDiv-sc-mk13mj-2 { + color: @accent-color; + } } } .JoinQuickCode__StyledLink-sc-1uhfett-2, @@ -1117,11 +1225,6 @@ .FormativeStudentFooter__BottomDiv-sc-6tj89c-3 { border-color: @overlay0; } - .ModalBody__RootDiv-sc-1lg094f-0:has(.Submit__ContentTitleH3-sc-1vceatk-1) - svg - path { - fill: @accent-color; - } .StudentFormativeStatus__RootDiv-sc-y86tx8-1 { &.bQdPlK { background: @green; @@ -1143,10 +1246,10 @@ color: @accent-color; } } - .PracticeSet__StyledHeader-sc-1wup6tb-5 { + .PracticeSet__StyledHeader-sc-1wup6tb-6 { background: @surface0; border-color: @overlay0; - input.ReactiveTextInput__StyledInput-sc-g83bxq-2 { + input.ReactiveTextInput__StyledInput-sc-go3drs-2 { color: @text !important; &::placeholder, &:focus::placeholder { @@ -1155,13 +1258,13 @@ } .HeaderBackLink__TertiaryButtonLink-sc-1vx1tro-0, .Button__StyledButton-sc-aum9f1-1 { - background: @surface1; - color: @accent-color; - &:hover { + background: @surface1 !important; + color: @accent-color !important; + &:not([disabled]):hover { background: @surface2; } } - .PracticeSet__DividerDiv-sc-1wup6tb-3 { + .PracticeSet__DividerDiv-sc-1wup6tb-4 { background: @overlay0; } } @@ -1307,11 +1410,14 @@ } } } - .GameContainer__RootDiv-sc-1x76nlz-0 { + .GameContainer__RootDiv-sc-1c3jzzv-0 { background: @base !important; .Timer__RootDiv-sc-bbbpy2-0 { background: @surface1; - color: @text; + &, + i { + color: @text; + } } .Header__HeaderDiv-sc-327vcg-0 { background: @surface0; @@ -1319,11 +1425,25 @@ .HeaderBackLink__TertiaryButtonLink-sc-1vx1tro-0, .Button__StyledButton-sc-aum9f1-1 { background: @surface1; + color: @accent-color; &:hover { background: @surface2; } } } + .ThemePicker__ToggleItem-sc-juof75-3 { + div { + outline-color: @text !important; + } + &[aria-checked="true"], + &[aria-checked="true"] div { + outline-color: @accent-color !important; + } + } + .TitleCard__StartButton-sc-xz0ejb-1 { + background: @accent-color; + color: @base; + } .QuizSession__BodyDiv-sc-4aco0-0 { .QuizSession__DividerDiv-sc-4aco0-4 { background: @overlay0; @@ -1372,17 +1492,6 @@ background: @accent-color !important; color: @contrast-accent-color; } - .PillToggleGroup__Item-sc-12fkyq8-1 { - &[aria-checked="true"] { - background: @surface0; - color: @accent-color; - } - &:hover { - background: @surface0; - } - border-color: @overlay0; - color: @text; - } .MatchingSessionSummary__SessionDiv-sc-d3unim-13 { border-color: @overlay0; &.highlight { @@ -1390,7 +1499,11 @@ } } } - .MatchingSession__ContentDiv-sc-edrizy-2 { + .LatestPerformances__PerformanceDiv-sc-g3qin-2, + .Leaderboard__PerformanceDiv-sc-152arb5-3 { + border-color: @overlay0; + } + .MatchingSession__ContentDiv-sc-edrizy-0 { .ProgressBar__RootDiv-sc-ly2f4w-0 { .Glow__FlashDiv-sc-1c8wp5s-1 { background: transparent; @@ -1443,8 +1556,22 @@ } } } + .PillToggleGroup__Item-sc-12fkyq8-1 { + &[aria-checked="true"] { + background: @surface0; + color: @accent-color; + } + &:hover { + background: @surface0; + } + border-color: @overlay0; + color: @text; + } .FeedbackButton__StyledButton-sc-1b7u8ss-0 { background: @surface2; + i { + color: @text; + } } @keyframes catppuccin-formative-practiceset-quiz-correct { 0% { @@ -1507,6 +1634,18 @@ ); content: url("data:image/svg+xml,@{svg}"); } + .NoFormatives__StyledImg-sc-1v9g5eg-4 { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + } + .PracticeSetGrid__EmptyStateDiv-sc-1yuxflk-1 img { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + } } } From 56aaf94d4357ce15bed8322dfd43dec59d28d08c Mon Sep 17 00:00:00 2001 From: Sena Date: Sun, 2 Jun 2024 13:15:37 +0300 Subject: [PATCH 16/28] fix(hackage): color haddock menus (#938) * fix(hackage): color mathjax menus and quick jump * style(hackage): fix lint errors --- styles/hackage/catppuccin.user.css | 142 ++++++++++++++++++++++++++++- 1 file changed, 141 insertions(+), 1 deletion(-) diff --git a/styles/hackage/catppuccin.user.css b/styles/hackage/catppuccin.user.css index 385d4585bc..2a6a978e15 100644 --- a/styles/hackage/catppuccin.user.css +++ b/styles/hackage/catppuccin.user.css @@ -2,7 +2,7 @@ @name Hackage Catppuccin @namespace github.com/catppuccin/userstyles/styles/hackage @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/hackage -@version 0.1.1 +@version 0.1.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hackage/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahackage @description Soothing pastel theme for Hackage @@ -254,6 +254,77 @@ } } + /* + * Quick jump + */ + + #search p.error { + color: @red; + } + + #search-form, + #search-results { + box-shadow: 2px 2px 6px fade(@mantle, 20%); + } + + #search-form { + input { + border-color: @accent-color; + } + } + + #search-results { + border-color: @accent-color; + + & > ul > li { + border-bottom-color: @overlay0; + } + } + + .search-module > ul > li > a[href].active-link { + background-color: @surface2; + } + + .search-result ul.subs::after { + color: @subtext1; + } + + .more-results, + .more-results::before { + color: @subtext0; + } + + .keyboard-shortcuts th { + color: @accent-color; + } + + .key { + background-color: @mantle; + color: @text; + border-color: @mantle; + } + + /* + * Dropdown + */ + + .dropdown-menu { + background-color: @surface0; + border-color: @surface0; + + button { + background-color: @accent-color; + color: @mantle; + border-color: @surface2; + + &:hover, + &:active { + background-color: @accent-color; + color: @mantle; + } + } + } + /* * Tables */ @@ -416,6 +487,10 @@ } } + input[type="submit"] { + color: @text; + } + input[type="range"]:hover, input[type="submit"]:hover { background-color: @crust; @@ -500,12 +575,77 @@ border-color: @overlay0; } + /* + * MathJax + */ + #MathJax_Message { background-color: @mantle; border-color: @surface1; color: @text; } + #MathJax_About, + #MathJax_Help, + .MathJax_Menu { + background-color: @surface0; + color: @text; + border-color: @accent-color; + box-shadow: 0 10px 20px @mantle; + -webkit-box-shadow: 0 10px 20px @mantle; + -moz-box-shadow: 0 10px 20px @mantle; + } + + #MathJax_About > span, + #MathJax_HelpContent { + background-color: @surface1 !important; + color: @subtext1 !important; + border-color: @overlay0 !important; + } + + .MathJax_MenuArrow { + color: @subtext1; + } + + .MathJax_MenuRule { + border-top-color: @overlay0; + } + + .MathJax_MenuActive { + background-color: @surface1; + color: @text; + } + + .MathJax_MenuDisabled { + color: @overlay2; + } + + .MathJax_MenuDisabled:focus, + .MathJax_MenuLabel:focus { + background-color: @surface1; + } + + #MathJax_AboutClose, + #MathJax_HelpClose { + border-color: @surface2; + color: @subtext0; + span { + background-color: @surface2; + } + + &:hover { + color: @text !important; + border-color: @overlay0 !important; + span { + background-color: @overlay0 !important; + } + } + } + + span.mathjax img when not (@lookup = latte) { + filter: invert(100%); + } + /* * Sources */ From 02a68d34c803810b758e3588c460d3539aae2148 Mon Sep 17 00:00:00 2001 From: Sena Date: Sun, 2 Jun 2024 13:23:22 +0300 Subject: [PATCH 17/28] fix(hyperpipe): color the play button (#939) --- styles/hyperpipe/catppuccin.user.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/styles/hyperpipe/catppuccin.user.css b/styles/hyperpipe/catppuccin.user.css index 2cf6be2adf..915b95338a 100644 --- a/styles/hyperpipe/catppuccin.user.css +++ b/styles/hyperpipe/catppuccin.user.css @@ -2,7 +2,7 @@ @name Hyperpipe Catppuccin @namespace github.com/catppuccin/userstyles/styles/hyperpipe @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/hyperpipe -@version 0.1.1 +@version 0.1.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/hyperpipe/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ahyperpipe @description Soothing pastel theme for Hyperpipe @@ -102,6 +102,7 @@ --color-border-hover: @overlay0 !important; --color-shadow: @crust !important; --color-blur: fade(@mantle, 45%) !important; + --color-gradient: linear-gradient(45deg, @accent-color, fade(@accent-color, 45%)); --color-scrollbar: @accent-color !important; --color-heading: @text !important; --color-text: @text !important; From 09a7f85181bc1231c413522c126f6cad4c4bd2cb Mon Sep 17 00:00:00 2001 From: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Date: Sun, 2 Jun 2024 10:23:44 +0000 Subject: [PATCH 18/28] style: format code with prettier --- styles/hyperpipe/catppuccin.user.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/styles/hyperpipe/catppuccin.user.css b/styles/hyperpipe/catppuccin.user.css index 915b95338a..be2786475d 100644 --- a/styles/hyperpipe/catppuccin.user.css +++ b/styles/hyperpipe/catppuccin.user.css @@ -102,7 +102,11 @@ --color-border-hover: @overlay0 !important; --color-shadow: @crust !important; --color-blur: fade(@mantle, 45%) !important; - --color-gradient: linear-gradient(45deg, @accent-color, fade(@accent-color, 45%)); + --color-gradient: linear-gradient( + 45deg, + @accent-color, + fade(@accent-color, 45%) + ); --color-scrollbar: @accent-color !important; --color-heading: @text !important; --color-text: @text !important; From 6ca6c437362af2b221c1af30e3c88119020a8ac3 Mon Sep 17 00:00:00 2001 From: Hammy <58985301+sgoudham@users.noreply.github.com> Date: Sun, 2 Jun 2024 18:11:53 +0100 Subject: [PATCH 19/28] refactor: hoist `current/past-maintainers` keys up (#811) Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> --- docs/userstylesyml.md | 18 +-- scripts/generate/main.ts | 8 +- scripts/generate/readme-repo.ts | 4 +- scripts/generate/readme-styles.ts | 6 +- scripts/types/userstyles.d.ts | 6 +- scripts/userstyles.schema.json | 36 ++--- scripts/userstyles.yml | 218 +++++++++++++++--------------- 7 files changed, 148 insertions(+), 148 deletions(-) diff --git a/docs/userstylesyml.md b/docs/userstylesyml.md index 905bffb888..364be45d38 100644 --- a/docs/userstylesyml.md +++ b/docs/userstylesyml.md @@ -45,7 +45,7 @@ on the schema. Please refer to it for clarification. color: readme: app-link: - current-maintainers: [*] + current-maintainers: [*] ``` `All Fields:` @@ -75,8 +75,8 @@ on the schema. Please refer to it for clarification. faq: # OPTIONAL - question: answer: - current-maintainers: [*] - past-maintainers: [*] # OPTIONAL + current-maintainers: [*] + past-maintainers: [*] # OPTIONAL ``` ### Adding yourself as a maintainer @@ -106,8 +106,8 @@ userstyles: color: red readme: app-link: "https://youtube.com" - current-maintainers: [*isabelroses, *your-username] - past-maintainers: [*elkrien] + current-maintainers: [*isabelroses, *your-username] + past-maintainers: [*elkrien] ``` If the change is accepted, you will receive an invitation to the `catppuccin` organization, @@ -132,10 +132,10 @@ userstyles: color: red readme: app-link: "https://youtube.com" -- current-maintainers: [*isabelroses, *elkrien] -- past-maintainers: [] -+ current-maintainers: [*isabelroses] -+ past-maintainers: [*elkrien] +- current-maintainers: [*isabelroses, *elkrien] +- past-maintainers: [] ++ current-maintainers: [*isabelroses] ++ past-maintainers: [*elkrien] If you would not like to be listed as a past maintainer, you can remove yourself from `collaborators` array entirely. Upon removal, you will also be removed from the diff --git a/scripts/generate/main.ts b/scripts/generate/main.ts index 949b669112..cb21ef28aa 100755 --- a/scripts/generate/main.ts +++ b/scripts/generate/main.ts @@ -55,12 +55,12 @@ await syncIssueLabels(userstylesData.userstyles); await updateFile( join(REPO_ROOT, ".github/CODEOWNERS"), Object.entries(userstylesData.userstyles) - .filter(([_, { readme }]) => readme["current-maintainers"].length > 0) - .map(([slug, { readme }]) => { - const currentMaintainers = readme["current-maintainers"] + .filter(([_, { "current-maintainers": currentMaintainers }]) => currentMaintainers.length > 0) + .map(([slug, { "current-maintainers": currentMaintainers }]) => { + const codeOwners = currentMaintainers .map((maintainer) => `@${maintainer.url.split("/").pop()}`) .join(" "); - return `/styles/${slug} ${currentMaintainers}`; + return `/styles/${slug} ${codeOwners}`; }) .join("\n"), ); diff --git a/scripts/generate/readme-repo.ts b/scripts/generate/readme-repo.ts index 943880c224..f9c955a085 100644 --- a/scripts/generate/readme-repo.ts +++ b/scripts/generate/readme-repo.ts @@ -52,10 +52,10 @@ export const generateMainReadme = async ( return { emoji: meta.emoji, name: meta.name, - ports: ports.map(({ name, path, readme }) => { + ports: ports.map(({ name, path, "current-maintainers": currentMaintainers }) => { return { name: [name].flat(), - maintained: readme["current-maintainers"].length > 0, + maintained: currentMaintainers.length > 0, path, }; }), diff --git a/scripts/generate/readme-styles.ts b/scripts/generate/readme-styles.ts index d70b46b116..8ca1b39f67 100644 --- a/scripts/generate/readme-styles.ts +++ b/scripts/generate/readme-styles.ts @@ -53,7 +53,7 @@ export const generateStyleReadmes = ( ); const stylesReadmeContent = Deno.readTextFileSync(stylesReadmePath); - Object.entries(userstyles).map(([slug, { name, readme }]) => { + Object.entries(userstyles).map(([slug, { name, readme, "current-maintainers": currentMaintainers, "past-maintainers": pastMaintainers }]) => { console.log(`Generating README for ${slug}`); const readmeContent = Handlebars.compile(stylesReadmeContent)({ heading: heading(name, readme["app-link"]), @@ -61,8 +61,8 @@ export const generateStyleReadmes = ( usage: readme.usage, faq: readme.faq, collaborators: { - currentMaintainers: extractName(readme["current-maintainers"]), - pastMaintainers: extractName(readme["past-maintainers"]), + currentMaintainers: extractName(currentMaintainers), + pastMaintainers: extractName(pastMaintainers), }, }); Deno.writeTextFile( diff --git a/scripts/types/userstyles.d.ts b/scripts/types/userstyles.d.ts index 870a509eee..e8b5418cd4 100644 --- a/scripts/types/userstyles.d.ts +++ b/scripts/types/userstyles.d.ts @@ -120,7 +120,7 @@ export type CurrentMaintainers = { [k: string]: unknown; }[]; /** - * List of all maintainers that have maintained on this userstyle in the past. + * List of all users that have maintained this userstyle in the past. * * @minItems 1 */ @@ -176,6 +176,8 @@ export interface Userstyle { color: Color; icon?: Icon; readme: README; + "current-maintainers": CurrentMaintainers; + "past-maintainers"?: PastMaintainers; } /** * Options to help in the auto-generation of the userstyle README. @@ -184,7 +186,5 @@ export interface README { "app-link": ApplicationLink; usage?: Usage; faq?: FAQ; - "current-maintainers": CurrentMaintainers; - "past-maintainers"?: PastMaintainers; [k: string]: unknown; } diff --git a/scripts/userstyles.schema.json b/scripts/userstyles.schema.json index 97cd978914..b450b68714 100644 --- a/scripts/userstyles.schema.json +++ b/scripts/userstyles.schema.json @@ -15,7 +15,7 @@ "type": "object", "description": "The directory of the userstyle.", "examples": ["youtube"], - "required": ["name", "categories", "readme", "color"], + "required": ["name", "categories", "readme", "color", "current-maintainers"], "additionalProperties": false, "properties": { "name": { @@ -79,7 +79,7 @@ "title": "README", "description": "Options to help in the auto-generation of the userstyle README.", "type": "object", - "required": ["app-link", "current-maintainers"], + "required": ["app-link"], "properties": { "app-link": { "$id": "#userstyles/userstyle/readme/app-link", @@ -130,23 +130,23 @@ }, "required": ["question", "answer"] } - }, - "current-maintainers": { - "$id": "#userstyles/userstyle/readme/current-maintainers", - "title": "Current Maintainers", - "description": "List of all active maintainers for this userstyle.", - "type": "array", - "$ref": "#/$defs/collaborators" - }, - "past-maintainers": { - "$id": "#userstyles/userstyle/readme/past-maintainers", - "title": "Past Maintainers", - "type":"array", - "minItems": 1, - "description": "List of all maintainers that have maintained on this userstyle in the past.", - "$ref": "#/$defs/collaborators" } } + }, + "current-maintainers": { + "$id": "#userstyles/userstyle/current-maintainers", + "title": "Current Maintainers", + "description": "List of all active maintainers for this userstyle.", + "type": "array", + "$ref": "#/$defs/collaborators" + }, + "past-maintainers": { + "$id": "#userstyles/userstyle/past-maintainers", + "title": "Past Maintainers", + "type": "array", + "minItems": 1, + "description": "List of all users that have maintained this userstyle in the past.", + "$ref": "#/$defs/collaborators" } } } @@ -182,7 +182,7 @@ "required": ["url"] } }, - "categories": { + "categories": { "$id": "#categories", "type": "array", "minItems": 1, diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 9a56647aca..037cb0e634 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -134,7 +134,7 @@ userstyles: color: yellow readme: app-link: https://adventofcode.com - current-maintainers: [*rubyowo] + current-maintainers: [*rubyowo] anilist: name: ["AniList", "AniChart"] categories: [entertainment, social_networking] @@ -145,7 +145,7 @@ userstyles: usage: |+ > [!NOTE] > This theme applies to [AniChart](https://anichart.net/) as well, which is an extension of AniList. - current-maintainers: [*anubisnekhet] + current-maintainers: [*anubisnekhet] arch-wiki: name: Arch Wiki categories: [wiki, productivity] @@ -154,14 +154,14 @@ userstyles: readme: app-link: "https://wiki.archlinux.org/" usage: "Make sure to use the default **Light** theme" - current-maintainers: [*genshibe] + current-maintainers: [*genshibe] boringproxy: name: boringproxy categories: [development] color: text readme: app-link: "https://boringproxy.io" - current-maintainers: [*gandalf-the-blue] + current-maintainers: [*gandalf-the-blue] brave-search: name: Brave Search categories: [search_engine] @@ -170,7 +170,7 @@ userstyles: readme: app-link: "https://search.brave.com" usage: "Make sure to set the theme to either dark or light in Brave Search settings, as the automatic setting will not work." - current-maintainers: [*ndsboy] + current-maintainers: [*ndsboy] bsky: name: Bluesky Social categories: [social_networking, entertainment] @@ -178,7 +178,7 @@ userstyles: color: blue readme: app-link: "https://bsky.app" - current-maintainers: [*rooot] + current-maintainers: [*rooot] bstats: name: bStats categories: [game, entertainment] @@ -186,7 +186,7 @@ userstyles: readme: app-link: "https://bstats.org" usage: "Make sure to use the default **Teal** theme from the built-in color picker (located at the bottom of the page) for the best experience!" - current-maintainers: [*rockquiet] + current-maintainers: [*rockquiet] canvas-lms: name: Canvas LMS categories: [education, productivity] @@ -194,8 +194,8 @@ userstyles: color: red readme: app-link: "https://www.instructure.com/canvas" - current-maintainers: [] - past-maintainers: [*thememesniper] + current-maintainers: [] + past-maintainers: [*thememesniper] chatgpt: name: ChatGPT categories: [artificial_intelligence, productivity] @@ -203,15 +203,15 @@ userstyles: color: green readme: app-link: "https://chat.openai.com" - current-maintainers: [*uncenter] - past-maintainers: [*rubyowo] + current-maintainers: [*uncenter] + past-maintainers: [*rubyowo] chatreplay: name: ChatReplay categories: [entertainment, social_networking] color: peach readme: app-link: "https://chatreplay.stream" - current-maintainers: [*anubisnekhet] + current-maintainers: [*anubisnekhet] chess.com: name: Chess.com categories: [game, education] @@ -219,15 +219,15 @@ userstyles: color: green readme: app-link: "https://chess.com" - current-maintainers: [*coldenate, *isabelroses] - past-maintainers: [*skelebro1] + current-maintainers: [*coldenate, *isabelroses] + past-maintainers: [*skelebro1] cinny: name: Cinny categories: [social_networking] color: text readme: app-link: "https://cinny.in" - current-maintainers: [*jn-sena] + current-maintainers: [*jn-sena] codeberg: name: Codeberg categories: [development, productivity] @@ -235,8 +235,8 @@ userstyles: color: blue readme: app-link: "https://codeberg.org" - current-maintainers: [*isabelroses] - past-maintainers: [*justtobbi] + current-maintainers: [*isabelroses] + past-maintainers: [*justtobbi] crates.io: name: crates.io categories: [development] @@ -244,7 +244,7 @@ userstyles: color: yellow readme: app-link: "https://crates.io" - current-maintainers: [*uncenter] + current-maintainers: [*uncenter] crowdin: name: Crowdin categories: [translation_tool, productivity] @@ -252,7 +252,7 @@ userstyles: color: text readme: app-link: "https://crowdin.com" - current-maintainers: [*ryanccn] + current-maintainers: [*ryanccn] deepl: name: DeepL categories: [translation_tool, productivity] @@ -260,7 +260,7 @@ userstyles: color: blue readme: app-link: "https://deepl.com" - current-maintainers: [*watatomo] + current-maintainers: [*watatomo] docs.rs: name: docs.rs categories: [development] @@ -268,7 +268,7 @@ userstyles: color: yellow readme: app-link: "https://docs.rs" - current-maintainers: [*uncenter] + current-maintainers: [*uncenter] duckduckgo: name: DuckDuckGo categories: [search_engine] @@ -276,21 +276,21 @@ userstyles: color: peach readme: app-link: "https://duckduckgo.com" - current-maintainers: [*genshibe] + current-maintainers: [*genshibe] ecosia: name: Ecosia categories: [search_engine] color: green readme: app-link: "https://www.ecosia.org" - current-maintainers: [*isabelroses] + current-maintainers: [*isabelroses] elk: name: Elk categories: [social_networking] color: peach readme: app-link: "https://elk.zone" - current-maintainers: [*ryanccn] + current-maintainers: [*ryanccn] freedesktop: name: freedesktop.org categories: [development] @@ -298,14 +298,14 @@ userstyles: color: blue readme: app-link: "https://www.freedesktop.org" - current-maintainers: [*NK308] + current-maintainers: [*NK308] formative: name: Formative categories: [education, productivity] color: blue readme: app-link: "https://app.formative.com/home" - current-maintainers: [*r58Playz] + current-maintainers: [*r58Playz] github: name: GitHub categories: [development, productivity, social_networking] @@ -314,8 +314,8 @@ userstyles: readme: usage: "Switch to a default GitHub light/dark theme via **Settings** > **Appearance** for the best experience!" app-link: "https://github.com" - current-maintainers: [*uncenter] - past-maintainers: [*andreasgrafen, *pocco81, *glowingumbreon] + current-maintainers: [*uncenter] + past-maintainers: [*andreasgrafen, *pocco81, *glowingumbreon] gmail: name: Gmail categories: [email_client, productivity] @@ -324,8 +324,8 @@ userstyles: readme: usage: "Switch to either the dark or default themes via the **gear icon** > **themes** > **view all** for the best experience!" app-link: "https://mail.google.com" - current-maintainers: [] - past-maintainers: [*isabelroses] + current-maintainers: [] + past-maintainers: [*isabelroses] google: name: Google categories: [search_engine] @@ -333,7 +333,7 @@ userstyles: color: sapphire readme: app-link: "https://google.com" - current-maintainers: [*gitmuslim] + current-maintainers: [*gitmuslim] google-drive: name: Google Drive categories: [productivity] @@ -341,7 +341,7 @@ userstyles: color: blue readme: app-link: "https://drive.google.com" - current-maintainers: [*r58Playz] + current-maintainers: [*r58Playz] google-photos: name: Google Photos categories: [photo_and_video] @@ -349,7 +349,7 @@ userstyles: color: sapphire readme: app-link: "https://photos.google.com" - current-maintainers: [*genshibe] + current-maintainers: [*genshibe] graphite: name: Graphite categories: [development, productivity] @@ -357,7 +357,7 @@ userstyles: color: text readme: app-link: "https://app.graphite.dev" - current-maintainers: [*isabelroses] + current-maintainers: [*isabelroses] hackage: name: Hackage categories: [development, productivity] @@ -365,7 +365,7 @@ userstyles: color: mauve readme: app-link: "https://hackage.haskell.org" - current-maintainers: [*jn-sena] + current-maintainers: [*jn-sena] hacker-news: name: Hacker News categories: [discussion_forum, entertainment, social_networking] @@ -373,7 +373,7 @@ userstyles: color: peach readme: app-link: "https://news.ycombinator.com" - current-maintainers: [*lucasmelin] + current-maintainers: [*lucasmelin] holodex: name: Holodex categories: [entertainment, social_networking, photo_and_video] @@ -383,21 +383,21 @@ userstyles: usage: |+ > **Note**
> Holodex's selected theme is ignored. - current-maintainers: [*Guaxinim5573] + current-maintainers: [*Guaxinim5573] home-manager-options-search: name: Home Manager Options Search categories: [development] color: blue readme: app-link: "https://home-manager-options.extranix.com" - current-maintainers: [*uncenter] + current-maintainers: [*uncenter] homepage: name: homepage categories: [productivity] color: sky readme: app-link: "https://github.com/benphelps/homepage" - current-maintainers: [*gandalf-the-blue] + current-maintainers: [*gandalf-the-blue] hoppscotch: name: Hoppscotch categories: [development, productivity] @@ -405,21 +405,21 @@ userstyles: color: green readme: app-link: "https://hoppscotch.io/" - current-maintainers: [*justtobbi] + current-maintainers: [*justtobbi] hyperpipe: name: Hyperpipe categories: [music] color: teal readme: app-link: "https://hyperpipe.surge.sh/" - current-maintainers: [*jn-sena] + current-maintainers: [*jn-sena] ichi.moe: name: ichi.moe categories: [translation_tool, productivity] color: pink readme: app-link: "https://ichi.moe" - current-maintainers: [*watatomo] + current-maintainers: [*watatomo] inoreader: name: inoreader categories: [productivity] @@ -427,7 +427,7 @@ userstyles: color: blue readme: app-link: "https://inoreader.com" - current-maintainers: [*thomas-philippot] + current-maintainers: [*thomas-philippot] instagram: name: Instagram categories: [social_networking, photo_and_video, entertainment] @@ -435,8 +435,8 @@ userstyles: color: pink readme: app-link: "https://instagram.com" - current-maintainers: [*genshibe] - past-maintainers: [*haiksgithub, *isabelroses] + current-maintainers: [*genshibe] + past-maintainers: [*haiksgithub, *isabelroses] invidious: name: Invidious categories: [entertainment, social_networking] @@ -444,22 +444,22 @@ userstyles: color: red readme: app-link: "https://invidious.io" - current-maintainers: [] - past-maintainers: [*andreasgrafen, *winston] + current-maintainers: [] + past-maintainers: [*andreasgrafen, *winston] invokeai: name: InvokeAI categories: [artificial_intelligence, productivity] color: yellow readme: app-link: "https://invoke-ai.github.io/InvokeAI" - current-maintainers: [*ryanccn] + current-maintainers: [*ryanccn] keyoxide: name: Keyoxide categories: [development] color: mauve readme: app-link: "https://keyoxide.org" - current-maintainers: [*uncenter] + current-maintainers: [*uncenter] lastfm: name: Last.fm categories: [music, entertainment] @@ -467,8 +467,8 @@ userstyles: color: red readme: app-link: "https://last.fm" - current-maintainers: [*anubisnekhet] - past-maintainers: [*gingeh] + current-maintainers: [*anubisnekhet] + past-maintainers: [*gingeh] lemmy: name: Lemmy categories: [discussion_forum, entertainment, social_networking] @@ -476,7 +476,7 @@ userstyles: color: green readme: app-link: "https://lemmy.world" - current-maintainers: [*gandalf-the-blue] + current-maintainers: [*gandalf-the-blue] libreddit: name: ["Libreddit", "Redlib"] categories: [discussion_forum, entertainment, social_networking] @@ -484,8 +484,8 @@ userstyles: color: peach readme: app-link: ["https://github.com/libreddit/libreddit", "https://github.com/redlib-org/redlib"] - current-maintainers: [] - past-maintainers: [*andreasgrafen] + current-maintainers: [] + past-maintainers: [*andreasgrafen] lichess: name: Lichess categories: [game] @@ -494,14 +494,14 @@ userstyles: readme: usage: "Switch to a default Lichess light/dark theme via **Username** > **Background** for the best experience!" app-link: "https://lichess.org/" - current-maintainers: [*coopw1] + current-maintainers: [*coopw1] lingva: name: Lingva categories: [translation_tool, productivity] color: green readme: app-link: "https://github.com/thedaviddelta/lingva-translate" - current-maintainers: [*rubyowo] + current-maintainers: [*rubyowo] linkedin: name: LinkedIn categories: [social_networking] @@ -509,7 +509,7 @@ userstyles: color: blue readme: app-link: "https://www.linkedin.com" - current-maintainers: [*isabelroses] + current-maintainers: [*isabelroses] mastodon: name: Mastodon categories: [social_networking, entertainment] @@ -520,8 +520,8 @@ userstyles: faq: - question: "**The theme does not look the same as the preview?**" answer: "Your Mastodon instance may be using its own custom CSS, which is changing the look of the theme." - current-maintainers: [*isabelroses] - past-maintainers: [*andreasgrafen] + current-maintainers: [*isabelroses] + past-maintainers: [*andreasgrafen] mdbook: name: mdBook categories: [wiki, development] @@ -529,7 +529,7 @@ userstyles: color: text readme: app-link: "https://rust-lang.github.io/mdBook/" - current-maintainers: [*uncenter] + current-maintainers: [*uncenter] mdn: name: MDN categories: [development, wiki] @@ -537,7 +537,7 @@ userstyles: color: text readme: app-link: "https://developer.mozilla.org" - current-maintainers: [*soya-daizu] + current-maintainers: [*soya-daizu] modrinth: name: Modrinth categories: [game] @@ -545,7 +545,7 @@ userstyles: color: green readme: app-link: "https://modrinth.com" - current-maintainers: [*thismoon] + current-maintainers: [*thismoon] microsoft-word: name: Microsoft Word categories: [productivity] @@ -553,7 +553,7 @@ userstyles: color: blue readme: app-link: "https://office.com" - current-maintainers: [*gitmuslim] + current-maintainers: [*gitmuslim] migadu-webmail: name: Migadu Webmail categories: [email_client, productivity] @@ -564,14 +564,14 @@ userstyles: usage: |+ > [!NOTE] > Set Migadu Webmail's built-in theme to 'Migadu' for the optimal experience. - current-maintainers: [*uncenter] + current-maintainers: [*uncenter] minesweeper: name: Minesweeper Online categories: [game] color: text readme: app-link: "https://minesweeper.online" - current-maintainers: [*gitmuslim] + current-maintainers: [*gitmuslim] nitter: name: Nitter categories: [social_networking, discussion_forum, entertainment] @@ -579,7 +579,7 @@ userstyles: color: blue readme: app-link: "https://nitter.net" - current-maintainers: [*anubisnekhet] + current-maintainers: [*anubisnekhet] nixos-search: name: NixOS Search categories: [search_engine] @@ -587,7 +587,7 @@ userstyles: color: blue readme: app-link: "https://search.nixos.org" - current-maintainers: [*alythical] + current-maintainers: [*alythical] nixos.wiki: name: NixOS Wiki categories: [wiki, productivity] @@ -595,8 +595,8 @@ userstyles: color: blue readme: app-link: "https://nixos.wiki" - current-maintainers: [] - past-maintainers: [*winston] + current-maintainers: [] + past-maintainers: [*winston] npm: name: npm categories: [development] @@ -604,7 +604,7 @@ userstyles: color: red readme: app-link: "https://www.npmjs.com/" - current-maintainers: [*uncenter] + current-maintainers: [*uncenter] openmediavault: name: openmediavault categories: [productivity] @@ -612,7 +612,7 @@ userstyles: color: sky readme: app-link: "https://www.openmediavault.org/" - current-maintainers: [*gandalf-the-blue] + current-maintainers: [*gandalf-the-blue] paste.rs: name: paste.rs categories: [development] @@ -620,8 +620,8 @@ userstyles: color: peach readme: app-link: "https://paste.rs" - current-maintainers: [*Guaxinim5573] - past-maintainers: [*stonks3141] + current-maintainers: [*Guaxinim5573] + past-maintainers: [*stonks3141] perplexity: name: Perplexity categories: [artificial_intelligence, search_engine] @@ -629,14 +629,14 @@ userstyles: color: teal readme: app-link: "https://www.perplexity.ai" - current-maintainers: [*isabelroses, *tnixc] + current-maintainers: [*isabelroses, *tnixc] picrew: name: Picrew categories: [entertainment, photo_and_video] color: yellow readme: app-link: "https://picrew.me" - current-maintainers: [*nyatalieeee] + current-maintainers: [*nyatalieeee] pinterest: name: Pinterest categories: [photo_and_video, entertainment, social_networking] @@ -644,15 +644,15 @@ userstyles: color: red readme: app-link: "https://www.pinterest.com" - current-maintainers: [] - past-maintainers: [*jn-sena] + current-maintainers: [] + past-maintainers: [*jn-sena] planet-minecraft: name: Planet Minecraft categories: [game] color: green readme: app-link: "https://planetminecraft.com" - current-maintainers: [*nyameliaaaa] + current-maintainers: [*nyameliaaaa] pronouns.page: name: Pronouns.page categories: [social_networking] @@ -660,7 +660,7 @@ userstyles: color: pink readme: app-link: "https://pronouns.page/" - current-maintainers: [*uncenter] + current-maintainers: [*uncenter] proton: name: Proton categories: [productivity, email_client] @@ -671,14 +671,14 @@ userstyles: usage: |+ > [!NOTE] > Set Proton Mail's built-in theme to 'Snow' if you're using Latte or 'Carbon' if you're using the others. - current-maintainers: [*soya-daizu] + current-maintainers: [*soya-daizu] pypi: name: PyPI categories: [development] color: sapphire readme: app-link: "https://pypi.org" - current-maintainers: [*trinkey] + current-maintainers: [*trinkey] quizlet: name: Quizlet categories: [education, productivity] @@ -686,7 +686,7 @@ userstyles: color: mauve readme: app-link: "https://quizlet.com" - current-maintainers: [*spaghettiosareyummy] + current-maintainers: [*spaghettiosareyummy] reddit: name: Reddit categories: [discussion_forum, social_networking, entertainment] @@ -694,8 +694,8 @@ userstyles: icon: reddit readme: app-link: "https://reddit.com" - current-maintainers: [] - past-maintainers: [*jayylmao, *rubyowo] + current-maintainers: [] + past-maintainers: [*jayylmao, *rubyowo] searxng: name: SearXNG categories: [search_engine] @@ -703,7 +703,7 @@ userstyles: color: blue readme: app-link: "https://github.com/searxng/searxng" - current-maintainers: [*sekki21956, *ryanccn] + current-maintainers: [*sekki21956, *ryanccn] snapchat-web: name: Snapchat Web categories: [social_networking, photo_and_video, entertainment] @@ -711,7 +711,7 @@ userstyles: color: yellow readme: app-link: "https://web.snapchat.com" - current-maintainers: [*itzTheMeow] + current-maintainers: [*itzTheMeow] spotify-web: name: Spotify Web categories: [music] @@ -719,7 +719,7 @@ userstyles: color: green readme: app-link: "https://open.spotify.com" - current-maintainers: [*tnixc] + current-maintainers: [*tnixc] stack-overflow: name: Stack Overflow categories: [development] @@ -727,15 +727,15 @@ userstyles: color: peach readme: app-link: https://stackoverflow.com - current-maintainers: [*uncenter] + current-maintainers: [*uncenter] startpage: name: Startpage categories: [search_engine] color: lavender readme: app-link: "https://startpage.com" - current-maintainers: [] - past-maintainers: [*bartlibert] + current-maintainers: [] + past-maintainers: [*bartlibert] skiff: name: Skiff categories: [email_client, productivity] @@ -743,14 +743,14 @@ userstyles: readme: usage: "Switch to a default Skiff light/dark theme via **Settings** > **Appearance** for the best experience!" app-link: "https://app.skiff.com/mail" - current-maintainers: [*coopw1] + current-maintainers: [*coopw1] stylus: name: Stylus categories: [productivity] color: teal readme: app-link: "https://github.com/openstyles/stylus" - current-maintainers: [*gitmuslim] + current-maintainers: [*gitmuslim] substack: name: Substack categories: [entertainment, social_networking] @@ -758,8 +758,8 @@ userstyles: color: peach readme: app-link: "https://substack.com" - current-maintainers: [] - past-maintainers: [*winston] + current-maintainers: [] + past-maintainers: [*winston] syncthing: name: Syncthing categories: [productivity] @@ -770,14 +770,14 @@ userstyles: usage: |+ > [!NOTE] > This theme is designed to be used with the default WebGUI and default theme provided by Syncthing. This does not theme syncthing.net. - current-maintainers: [*BlankParticle] + current-maintainers: [*BlankParticle] tabnews: name: TabNews categories: [discussion_forum, entertainment, social_networking] color: text readme: app-link: "https://tabnews.com.br" - current-maintainers: [*Guaxinim5573] + current-maintainers: [*Guaxinim5573] tldraw: name: tldraw categories: [productivity] @@ -788,14 +788,14 @@ userstyles: usage: |+ > [!NOTE] > This theme only changes how the colors appear on the tldraw canvas. Exported graphics **will not be Catppuccin-themed**. - current-maintainers: [*genshibe, *uncenter] + current-maintainers: [*genshibe, *uncenter] trinket: name: Trinket categories: [development] color: blue readme: app-link: "https://trinket.io" - current-maintainers: [*trinkey] + current-maintainers: [*trinkey] tuta: name: Tuta categories: [email_client, productivity] @@ -806,7 +806,7 @@ userstyles: usage: |+ > [!NOTE] > Set Tuta's built-in theme to either **light** if you're using Latte or **dark** if you're using the others. - current-maintainers: [*ryanccn] + current-maintainers: [*ryanccn] twitch: name: Twitch categories: [entertainment, social_networking, photo_and_video] @@ -814,7 +814,7 @@ userstyles: color: mauve readme: app-link: "https://twitch.tv" - current-maintainers: [*gitmuslim, *uncenter] + current-maintainers: [*gitmuslim, *uncenter] twitter: name: Twitter categories: [social_networking, discussion_forum, entertainment] @@ -825,7 +825,7 @@ userstyles: usage: |+ > [!NOTE] > Set Twitter's built-in theme to **Lights out** with the blue accent. Also requires the [:has()](https://developer.mozilla.org/en-US/docs/Web/CSS/:has) selector. - current-maintainers: [*watatomo] + current-maintainers: [*watatomo] vercel: name: Vercel categories: [development] @@ -833,7 +833,7 @@ userstyles: color: text readme: app-link: "https://vercel.com" - current-maintainers: [*ryanccn] + current-maintainers: [*ryanccn] whatsapp-web: name: WhatsApp Web categories: [social_networking] @@ -841,7 +841,7 @@ userstyles: color: green readme: app-link: "https://web.whatsapp.com" - current-maintainers: [*francorav] + current-maintainers: [*francorav] wikipedia: name: Wikipedia categories: [wiki, search_engine, productivity] @@ -849,7 +849,7 @@ userstyles: color: text readme: app-link: "https://www.wikipedia.org" - current-maintainers: [*gitmuslim] + current-maintainers: [*gitmuslim] wikiwand: name: Wikiwand categories: [wiki, productivity] @@ -857,7 +857,7 @@ userstyles: color: text readme: app-link: "https://www.wikiwand.com" - current-maintainers: [*tnixc] + current-maintainers: [*tnixc] youtube: name: YouTube categories: [entertainment, social_networking, photo_and_video] @@ -868,8 +868,8 @@ userstyles: faq: - question: "**What does the 'Enable for black bars' option mean?**" answer: "It's available in case you have an OLED display. If you have one, you might want to enable this." - current-maintainers: [*isabelroses, *uncenter] - past-maintainers: [*elkrien] + current-maintainers: [*isabelroses, *uncenter] + past-maintainers: [*elkrien] nextjs: name: Next.js categories: [development] @@ -877,5 +877,5 @@ userstyles: color: text readme: app-link: "https://nextjs.org" - current-maintainers: [*Dandraghas] -# yaml-language-server: $schema=https://raw.githubusercontent.com/catppuccin/userstyles/main/scripts/userstyles.schema.json + current-maintainers: [*Dandraghas] +# yaml-language-server: $schema=userstyles.schema.json From c5947a3e5fb37ed76402af9aa66050fed3a68e8e Mon Sep 17 00:00:00 2001 From: uncenter <47499684+uncenter@users.noreply.github.com> Date: Sun, 2 Jun 2024 13:21:37 -0400 Subject: [PATCH 20/28] ci(sync-maintainers): hoist `current-maintainers` key (#940) --- scripts/sync-maintainers/main.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/scripts/sync-maintainers/main.ts b/scripts/sync-maintainers/main.ts index e423dde068..767fcbc027 100755 --- a/scripts/sync-maintainers/main.ts +++ b/scripts/sync-maintainers/main.ts @@ -16,7 +16,7 @@ const maintainers = [ Object.values(userstyles).flatMap(( style: UserStylesSchema.Userstyle, ) => - style.readme["current-maintainers"].map((m) => { + style["current-maintainers"].map((m) => { const username = m.url.split("github.com/")?.pop(); // Check that they follow github.com/username pattern. assert.assertExists(username); From 19cfb3bf6b9539aed0cac03076adf430abf1d035 Mon Sep 17 00:00:00 2001 From: Gen Date: Sun, 2 Jun 2024 11:19:10 -0700 Subject: [PATCH 21/28] fix(youtube): stats for nerds (#941) * fix(youtube): stats for nerds * chore: bump ver num * chore: fix ver num Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> --------- Co-authored-by: uncenter <47499684+uncenter@users.noreply.github.com> --- styles/youtube/catppuccin.user.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/styles/youtube/catppuccin.user.css b/styles/youtube/catppuccin.user.css index a5af363faa..af7e2d2f6e 100644 --- a/styles/youtube/catppuccin.user.css +++ b/styles/youtube/catppuccin.user.css @@ -2,7 +2,7 @@ @name YouTube Catppuccin @namespace github.com/catppuccin/userstyles/styles/youtube @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/youtube -@version 4.0.15 +@version 4.0.16 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/youtube/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ayoutube @description Soothing pastel theme for YouTube @@ -851,6 +851,12 @@ } } + /* stats for nerds */ + .ytp-sfn { + background: fade(@base, 80%); + color: @text; + } + .ytp-autonav-toggle-button { @svg: escape( '' From 097889369ae76ac76ccb804045298866d448e9e9 Mon Sep 17 00:00:00 2001 From: Gen Date: Sun, 2 Jun 2024 11:39:43 -0700 Subject: [PATCH 22/28] fix(mastodon): active icon button color (#942) --- styles/mastodon/catppuccin.user.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/styles/mastodon/catppuccin.user.css b/styles/mastodon/catppuccin.user.css index fdb4c20035..6b6c8b95dc 100644 --- a/styles/mastodon/catppuccin.user.css +++ b/styles/mastodon/catppuccin.user.css @@ -2,7 +2,7 @@ @name Mastodon Catppuccin @namespace github.com/catppuccin/userstyles/styles/mastodon @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mastodon -@version 1.3.0 +@version 1.3.1 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amastodon @description Soothing pastel theme for Mastodon @@ -182,7 +182,7 @@ domain("toot.wales") { .follow_requests-unlocked_explanation a, .column-back-button, .text-icon-button, - .icon-button.active, + .icon-button.star-icon.active, .public-layout .public-account-bio .account__header__fields a, .column-header__back-button, .navigation-bar strong, @@ -194,6 +194,10 @@ domain("toot.wales") { color: @accent-color; } + .icon-button.active { + color: @mantle; + } + .display-name strong { color: @text !important; } From 99e612bf3f1700a261eb02371a5b2f0fd8ed2ccf Mon Sep 17 00:00:00 2001 From: uncenter <47499684+uncenter@users.noreply.github.com> Date: Sun, 2 Jun 2024 15:06:48 -0400 Subject: [PATCH 23/28] chore(userstyles.yml): `andreasgrafen` -> @unseen-ninja (#943) --- scripts/userstyles.yml | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 037cb0e634..8cd9c32441 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -19,9 +19,9 @@ collaborators: url: https://github.com/GlowingUmbreon - &justtobbi url: https://github.com/justTOBBI - - &andreasgrafen - name: Andreas Grafen - url: https://github.com/andreasgrafen + - &unseen-ninja + name: Lemon + url: https://github.com/unseen-ninja - &lucasmelin name: Lucas Melin url: https://github.com/lucasmelin @@ -315,7 +315,7 @@ userstyles: usage: "Switch to a default GitHub light/dark theme via **Settings** > **Appearance** for the best experience!" app-link: "https://github.com" current-maintainers: [*uncenter] - past-maintainers: [*andreasgrafen, *pocco81, *glowingumbreon] + past-maintainers: [*unseen-ninja, *pocco81, *glowingumbreon] gmail: name: Gmail categories: [email_client, productivity] @@ -445,7 +445,7 @@ userstyles: readme: app-link: "https://invidious.io" current-maintainers: [] - past-maintainers: [*andreasgrafen, *winston] + past-maintainers: [*unseen-ninja, *winston] invokeai: name: InvokeAI categories: [artificial_intelligence, productivity] @@ -485,7 +485,7 @@ userstyles: readme: app-link: ["https://github.com/libreddit/libreddit", "https://github.com/redlib-org/redlib"] current-maintainers: [] - past-maintainers: [*andreasgrafen] + past-maintainers: [*unseen-ninja] lichess: name: Lichess categories: [game] @@ -521,7 +521,7 @@ userstyles: - question: "**The theme does not look the same as the preview?**" answer: "Your Mastodon instance may be using its own custom CSS, which is changing the look of the theme." current-maintainers: [*isabelroses] - past-maintainers: [*andreasgrafen] + past-maintainers: [*unseen-ninja] mdbook: name: mdBook categories: [wiki, development] From 2c16573e90897d24a59ead66725a11ed7962b11e Mon Sep 17 00:00:00 2001 From: github-actions <41898282+github-actions[bot]@users.noreply.github.com> Date: Sun, 2 Jun 2024 19:07:09 +0000 Subject: [PATCH 24/28] chore: generate health files --- styles/github/README.md | 2 +- styles/invidious/README.md | 2 +- styles/libreddit/README.md | 2 +- styles/mastodon/README.md | 2 +- 4 files changed, 4 insertions(+), 4 deletions(-) diff --git a/styles/github/README.md b/styles/github/README.md index 554f65e3d2..f9ce5d8283 100644 --- a/styles/github/README.md +++ b/styles/github/README.md @@ -25,7 +25,7 @@ Switch to a default GitHub light/dark theme via **Settings** > **Appearance** fo - [uncenter](https://github.com/uncenter) ## ๐Ÿ’– Past Maintainers -- [Andreas Grafen](https://github.com/andreasgrafen) +- [Lemon](https://github.com/unseen-ninja) - [Pocco81](https://github.com/Pocco81) - [Umbreon](https://github.com/GlowingUmbreon) diff --git a/styles/invidious/README.md b/styles/invidious/README.md index 2dff2b3f24..70eb961b06 100644 --- a/styles/invidious/README.md +++ b/styles/invidious/README.md @@ -23,7 +23,7 @@ - If you are interested in maintaining this userstyle, please raise a **Pull Request** and add yourself into the `current-maintainers` array in the `userstyles.yml` file. ## ๐Ÿ’– Past Maintainers -- [Andreas Grafen](https://github.com/andreasgrafen) +- [Lemon](https://github.com/unseen-ninja) - [winston](https://github.com/nekowinston)   diff --git a/styles/libreddit/README.md b/styles/libreddit/README.md index 55b37529cd..c063e15620 100644 --- a/styles/libreddit/README.md +++ b/styles/libreddit/README.md @@ -23,7 +23,7 @@ - If you are interested in maintaining this userstyle, please raise a **Pull Request** and add yourself into the `current-maintainers` array in the `userstyles.yml` file. ## ๐Ÿ’– Past Maintainer -- [Andreas Grafen](https://github.com/andreasgrafen) +- [Lemon](https://github.com/unseen-ninja)   diff --git a/styles/mastodon/README.md b/styles/mastodon/README.md index 52e3d7988f..0bdb8d787d 100644 --- a/styles/mastodon/README.md +++ b/styles/mastodon/README.md @@ -26,7 +26,7 @@ - [Isabel](https://github.com/isabelroses) ## ๐Ÿ’– Past Maintainer -- [Andreas Grafen](https://github.com/andreasgrafen) +- [Lemon](https://github.com/unseen-ninja)   From 4de917c5c187bb87859b42db6ac4dc5962c2e8a3 Mon Sep 17 00:00:00 2001 From: Gen Date: Mon, 3 Jun 2024 00:33:43 -0700 Subject: [PATCH 25/28] fix(mastodon): active icon button color + confirmation prompt (#945) * fix(mastodon): active icon button color + confirmation prompt realized that confirmation was not styled + fixes a regression caused by my last PR * chore: bump ver num --- styles/mastodon/catppuccin.user.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/styles/mastodon/catppuccin.user.css b/styles/mastodon/catppuccin.user.css index 6b6c8b95dc..0038c94bfa 100644 --- a/styles/mastodon/catppuccin.user.css +++ b/styles/mastodon/catppuccin.user.css @@ -2,7 +2,7 @@ @name Mastodon Catppuccin @namespace github.com/catppuccin/userstyles/styles/mastodon @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/mastodon -@version 1.3.1 +@version 1.3.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/mastodon/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Amastodon @description Soothing pastel theme for Mastodon @@ -194,7 +194,7 @@ domain("toot.wales") { color: @accent-color; } - .icon-button.active { + .icon-button.active.inverted { color: @mantle; } @@ -214,6 +214,14 @@ domain("toot.wales") { color: @accent-color !important; } + .confirmation-modal { + background-color: @base; + color: @text; + } + .confirmation-modal__action-bar { + background-color: @mantle; + } + .privacy-dropdown__option { background: @surface0; From 8ad56e35fedb67c150593ad4c903b9052c75e6e7 Mon Sep 17 00:00:00 2001 From: uncenter <47499684+uncenter@users.noreply.github.com> Date: Mon, 3 Jun 2024 05:58:21 -0400 Subject: [PATCH 26/28] feat(stack-overflow): support more stack exchange sites (#935) --- styles/stack-overflow/catppuccin.user.css | 196 +++++++++++++++++++--- 1 file changed, 169 insertions(+), 27 deletions(-) diff --git a/styles/stack-overflow/catppuccin.user.css b/styles/stack-overflow/catppuccin.user.css index 618c729d56..7a20b8627e 100644 --- a/styles/stack-overflow/catppuccin.user.css +++ b/styles/stack-overflow/catppuccin.user.css @@ -2,7 +2,7 @@ @name Stack Overflow Catppuccin @namespace github.com/catppuccin/userstyles/styles/stack-overflow @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/stack-overflow -@version 0.0.1 +@version 0.1.0 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/stack-overflow/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Astack-overflow @description Soothing pastel theme for Stack Overflow @@ -15,7 +15,8 @@ @var select accentColor "Accent" ["rosewater:Rosewater", "flamingo:Flamingo", "pink:Pink", "mauve:Mauve*", "red:Red", "maroon:Maroon", "peach:Peach", "yellow:Yellow", "green:Green", "teal:Teal", "blue:Blue", "sapphire:Sapphire", "sky:Sky", "lavender:Lavender", "subtext0:Gray"] ==/UserStyle== */ -@-moz-document domain('stackoverflow.com') { +@-moz-document domain('stackoverflow.com'), domain('stackexchange.com'), domain('serverfault.com'), +domain('superuser.com'), domain('mathoverflow.net'), domain('askubuntu.com'), domain('stackapps.com') { @import url("https://unpkg.com/@catppuccin/highlightjs@0.2.2/css/catppuccin.variables.important.css"); code.hljs { background: none !important; @@ -74,6 +75,8 @@ @crust: @catppuccin[@@lookup][@crust]; @accent-color: @catppuccin[@@lookup][@@accent]; + background-image: none; + --ctp-rosewater: #rgbify(@rosewater) []; --ctp-flamingo: #rgbify(@flamingo) []; --ctp-pink: #rgbify(@pink) []; @@ -118,13 +121,33 @@ * { --theme-background-color: @mantle; --theme-content-background-color: @base; + --theme-content-border-color: @surface0; --theme-topbar-background-color: @mantle; + --theme-topbar-search-background: @mantle; + --theme-topbar-search-border: @surface2; + --theme-topbar-search-placeholder: @subtext0; + --theme-topbar-item-color: @text; + --theme-topbar-item-color-hover: @text; + --theme-topbar-item-background-hover: @surface0; --theme-button-primary-background-color: @accent-color; --theme-button-primary-hover-background-color: darken(@accent-color, 5%); --theme-button-primary-active-background-color: @text; --theme-link-color: @accent-color; --theme-link-color-hover: darken(@accent-color, 5%); + --theme-footer-title-color: @text; + --theme-footer-text-color: @subtext0; + --theme-footer-link-color: @subtext0; + --theme-footer-link-color-hover: @subtext1; --theme-footer-background-color: @mantle; + --theme-header-background-color: @mantle; + --theme-tag-background-color: @accent-color; + --theme-tag-border-color: @accent-color; + --theme-tag-color: @mantle; + --theme-tag-hover-background-color: darken(@accent-color, 5%); + --theme-tag-hover-border-color: darken(@accent-color, 5%); + --theme-tag-hover-color: @mantle; + --theme-post-title-color: @accent-color; + --theme-post-title-color-hover: darken(@accent-color, 5%); --highlight-bg: @mantle; @@ -132,6 +155,7 @@ --theme-primary-100: fade(@accent-color, 20%); --theme-primary-200: fade(@accent-color, 30%); --theme-primary-500: fade(@accent-color, 90%); + --theme-primary-600: @accent-color; --translucent-secondary: fade(@accent-color, 10%); --theme-secondary-100: fade(@accent-color, 20%); @@ -266,6 +290,9 @@ .s-prose kbd { border-top-color: transparent; + box-shadow: + 0 1px 1px @crust, + inset 0 1px 0 0 @overlay2; } .s-pagination .s-pagination--item { @@ -283,39 +310,154 @@ color: @text; } - #onetrust-consent-sdk #onetrust-banner-sdk { - background-color: @mantle; - - #onetrust-accept-btn-handler, - #onetrust-reject-all-handler { - background-color: @accent-color; - color: @crust; - } - - #onetrust-button-group button#onetrust-pc-btn-handler { - background-color: @crust !important; - border-color: @accent-color !important; - color: @accent-color !important; + #onetrust-consent-sdk { + #onetrust-banner-sdk { + background-color: @mantle; + + &:focus { + outline-color: @surface1; + } + + #onetrust-accept-btn-handler, + #onetrust-reject-all-handler { + background-color: @accent-color; + color: @crust; + } + + #onetrust-button-group button#onetrust-pc-btn-handler { + background-color: @crust !important; + border-color: @accent-color !important; + color: @accent-color !important; + } + + #onetrust-policy-title, + #onetrust-policy-text, + .ot-b-addl-desc, + .ot-dpd-desc, + .ot-dpd-title, + #onetrust-policy-text :not(.onetrust-vendors-list-handler), + .ot-dpd-desc :not(.onetrust-vendors-list-handler), + #banner-options *, + .ot-cat-header, + .ot-optout-signal, + a { + color: @text !important; + } } - #onetrust-policy-title, - #onetrust-policy-text, - .ot-b-addl-desc, - .ot-dpd-desc, - .ot-dpd-title, - #onetrust-policy-text :not(.onetrust-vendors-list-handler), - .ot-dpd-desc :not(.onetrust-vendors-list-handler), - #banner-options *, - .ot-cat-header, - .ot-optout-signal, - a { - color: @text !important; + /* Manage cookies popup */ + #onetrust-pc-sdk { + background-color: @base; + + h3, + h4, + h5, + h6, + p, + #ot-ven-lst .ot-ven-opts p, + #ot-pc-desc, + #ot-pc-title, + .ot-li-title, + .ot-sel-all-hdr span, + #ot-host-lst .ot-host-info, + #ot-fltr-modal #modal-header, + .ot-checkbox label span, + #ot-pc-lst #ot-sel-blk p, + #ot-pc-lst #ot-lst-title h3, + #ot-pc-lst .back-btn-handler p, + #ot-pc-lst .ot-ven-name, + #ot-pc-lst #ot-ven-lst .consent-category, + .ot-leg-btn-container .ot-inactive-leg-btn, + .ot-label-status, + .ot-chkbox label span, + #clear-filters-handler, + .ot-optout-signal { + color: @text; + } + + .ot-pc-header { + background-color: @mantle !important; + border-bottom-color: @surface1; + } + + .ot-accordion-layout.ot-cat-item { + border-color: @surface1; + } + + .ot-pc-footer { + border-top-color: @surface2 !important; + } + + button:not( + #clear-filters-handler, + .ot-close-icon, + #filter-btn-handler, + .ot-remove-objection-handler, + .ot-obj-leg-btn-handler, + [aria-expanded], + .ot-link-btn + ), + .ot-leg-btn-container .ot-active-leg-btn { + background-color: @accent-color !important; + border-color: @accent-color; + color: @mantle; + } } } .disabled-link { color: @overlay2; } + + /* Stack Exchange logo */ + [fill="#FEFEFE"] { + fill: @text !important; + } + [fill="#2F96E8"], + [fill="#2D6DB5"] { + fill: @blue !important; + } + [fill="#8FD8F7"] { + fill: lighten(@sky, 10%); + } + [fill="#46A2D9"] { + fill: lighten(@blue, 5%); + } + [fill="#155397"] { + fill: darken(@blue, 10%) !important; + } + + /* Other Stack Exchange site logos */ + [alt="Server Fault"] { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + } + [alt="Super User"] { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + } + [alt="MathOverflow"] { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + } + [alt="Ask Ubuntu"] { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + } + [alt="Stack Apps"] { + @svg: escape( + '' + ); + content: url("data:image/svg+xml,@{svg}"); + } } } From d135b5e2453202d5066288c51b8b8af4c104a768 Mon Sep 17 00:00:00 2001 From: natalie Date: Tue, 4 Jun 2024 09:42:00 -0500 Subject: [PATCH 27/28] fix(picrew): fix unthemed buttons (#947) fixed unthemed element --- styles/picrew/catppuccin.user.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/styles/picrew/catppuccin.user.css b/styles/picrew/catppuccin.user.css index 685baf09f5..48969c0e54 100644 --- a/styles/picrew/catppuccin.user.css +++ b/styles/picrew/catppuccin.user.css @@ -2,7 +2,7 @@ @name Picrew Catppuccin @namespace github.com/catppuccin/userstyles/styles/picrew @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/picrew -@version 0.0.3 +@version 0.0.4 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/picrew/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Apicrew @description Soothing pastel theme for Picrew @@ -1019,10 +1019,14 @@ .imagemaker_controller { background-color: @mantle !important; } - /* move image element (buttons) (inner image maker) */ - .control_position_wrapper .ctrlbtn_position_inner::before { + /* rotate image element (inner image maker) */ + .ctrlbtn-rotate_left, + .ctrlbtn-rotate_right { background: @surface0 !important; + color: @accent-color !important; } + /* move image element (buttons) (inner image maker) */ + .control_position_wrapper .ctrlbtn_position_inner::before, .control_position_wrapper .ctrlbtn_position_inner::after { background: @surface0 !important; } From 66b91b39a9a69e041999cad93873d08d0d88d0a8 Mon Sep 17 00:00:00 2001 From: Gen Date: Wed, 5 Jun 2024 03:35:43 -0700 Subject: [PATCH 28/28] fix(duckduckgo): assorted elemets (#950) * fix(duckduckgo): assorted elemets * colons. colon three ? --- styles/duckduckgo/catppuccin.user.css | 75 ++++++++++++++++++++++++++- 1 file changed, 73 insertions(+), 2 deletions(-) diff --git a/styles/duckduckgo/catppuccin.user.css b/styles/duckduckgo/catppuccin.user.css index 8684960761..d2cc9f953d 100644 --- a/styles/duckduckgo/catppuccin.user.css +++ b/styles/duckduckgo/catppuccin.user.css @@ -2,7 +2,7 @@ @name DuckDuckGo Catppuccin @namespace github.com/catppuccin/userstyles/styles/duckduckgo @homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/duckduckgo -@version 0.2.1 +@version 0.2.2 @updateURL https://github.com/catppuccin/userstyles/raw/main/styles/duckduckgo/catppuccin.user.css @supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Aduckduckgo @description Soothing pastel theme for DuckDuckGo @@ -220,6 +220,75 @@ color: @text !important; } + /* stopwatch */ + .zci--stopwatch .time { + color: @text !important; + } + .label { + color: @text; + background-color: @crust; + } + .stopwatch__btn.start { + border-color: @green !important; + background-color: @green; + color: @mantle !important; + } + .stopwatch__btn[disabled] { + color: @text !important; + background-color: @surface0 !important; + border-color: @surface0; + } + .stopwatch__btn.stop { + color: @mantle; + background-color: @red !important; + border-color: @red !important; + } + .stopwatch__btn { + background-color: @surface2; + border-color: @surface2; + color: @text; + } + .zci--stopwatch td { + color: @text; + } + + /* html chars */ + .record__body, + .chomp--link__mr, + .tx-clr--lt2 { + color: @text; + } + .c-list__item { + border-color: @mantle; + } + .chomp--link__icn::before { + color: @text; + } + + /* cal */ + .calendar .t_right, + .calendar .t_left { + background-color: @surface2; + } + .calendar__header { + color: @text; + } + table.calendar tr { + color: @text; + } + .calendar__today { + color: @mantle; + background-color: @accent-color; + } + + .zci.is-active { + border-color: @surface0; + } + + .module__toggle--more::after { + background: linear-gradient(rgba(40, 40, 40, 0), @surface0); + } + /* button on hover */ .btn:hover:not(.is-disabled) { background-color: @mantle; @@ -810,7 +879,9 @@ .c-detail__filemeta, .c-detail__more, .frm__label, - .js-cloudsave-new-suggestion { + .js-cloudsave-new-suggestion, + .zci__body, + .zci__body a { color: @text !important; }