diff --git a/scripts/userstyles.yml b/scripts/userstyles.yml index 6c2850dce8..aa7c8f242c 100644 --- a/scripts/userstyles.yml +++ b/scripts/userstyles.yml @@ -70,6 +70,7 @@ collaborators: - &zenoix zenoix - &NekoDrone NekoDrone - &adamperkowski adamperkowski + - &oldregime oldregime userstyles: advent-of-code: @@ -298,6 +299,13 @@ userstyles: categories: [education] color: blue current-maintainers: [*r58Playz] + geeksforgeeks: + name: GeeksforGeeks + link: https://www.geeksforgeeks.org + categories: [education] + icon: geeksforgeeks + color: green + current-maintainers: [*oldregime] ghostty.org: name: Ghostty.org link: https://ghostty.org diff --git a/styles/geeksforgeeks/catppuccin.user.less b/styles/geeksforgeeks/catppuccin.user.less new file mode 100644 index 0000000000..92b6dc3b3d --- /dev/null +++ b/styles/geeksforgeeks/catppuccin.user.less @@ -0,0 +1,177 @@ +/* ==UserStyle== +@name GeeksforGeeks Catppuccin +@namespace github.com/catppuccin/userstyles/styles/geeksforgeeks +@homepageURL https://github.com/catppuccin/userstyles/tree/main/styles/geeksforgeeks +@version 2000.01.01 +@updateURL https://github.com/catppuccin/userstyles/raw/main/styles/geeksforgeeks/catppuccin.user.less +@supportURL https://github.com/catppuccin/userstyles/issues?q=is%3Aopen+is%3Aissue+label%3Ageeksforgeeks +@description Soothing pastel theme for GeeksforGeeks +@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== */ + +@import "https://userstyles.catppuccin.com/lib/lib.less"; + +@-moz-document domain("geeksforgeeks.org"), domain("auth.geeksforgeeks.org") { + :root { + @media (prefers-color-scheme: light) { + #catppuccin(@lightFlavor); + } + @media (prefers-color-scheme: dark) { + #catppuccin(@darkFlavor); + } + } + + #catppuccin(@flavor) { + #lib.palette(); + + /* Global Background and Text */ + body, html { + background-color: @base !important; + color: @text !important; + } + + /* Login Page / Modal Specifics */ + + /* The main login container */ + .modal-content, + .login-modal-div, + .auth-modal, + .card, + div[class*="login"], + div[class*="auth-content"] { + background-color: @mantle !important; + color: @text !important; + border: 1px solid @surface0 !important; + box-shadow: none !important; + } + + /* Headings */ + h1, h2, h3, h4, h5, h6, .modal-title { + color: @mauve !important; + } + + /* Inputs */ + input[type="text"], + input[type="email"], + input[type="password"], + input.form-control, + .input-field { + background-color: @surface0 !important; + color: @text !important; + border: 1px solid @surface1 !important; + border-radius: 4px !important; + } + + input::placeholder { + color: @subtext0 !important; + } + + input:focus { + border-color: @mauve !important; + outline: none !important; + box-shadow: 0 0 0 2px @surface1 !important; + } + + /* Buttons */ + button, + .btn, + .btn-primary, + button[type="submit"], + .signin-button { + background-color: @mauve !important; + color: @base !important; + border: none !important; + font-weight: bold !important; + } + + button:hover, + .btn:hover { + background-color: @pink !important; + } + + /* "Continue with Google" and other social buttons */ + .g-btn, .social-btn, button[class*="google"], button[class*="facebook"] { + background-color: @surface0 !important; + color: @text !important; + border: 1px solid @surface1 !important; + + &:hover { + background-color: @surface1 !important; + } + } + + /* Links */ + a { + color: @blue !important; + text-decoration: none !important; + } + a:hover { + color: @sapphire !important; + text-decoration: underline !important; + } + + /* Header/Navbar */ + header, .header-main, .gfg-navbar, .nav-wrapper { + background-color: @mantle !important; + border-bottom: 1px solid @surface0 !important; + } + + /* Footer */ + footer, .footer-wrapper { + background-color: @crust !important; + color: @subtext0 !important; + } + + /* Code blocks */ + pre, code, .code-container, .syntaxhighlighter { + background-color: @crust !important; + color: @text !important; + border: 1px solid @surface0 !important; + } + + /* Scrollbars */ + ::-webkit-scrollbar { + width: 10px; + height: 10px; + } + ::-webkit-scrollbar-track { + background: @base; + } + ::-webkit-scrollbar-thumb { + background: @surface2; + border-radius: 5px; + } + ::-webkit-scrollbar-thumb:hover { + background: @overlay0; + } + + /* Specific fixes for the login image provided */ + /* "New user? Register Now" text */ + .register-link, .new-user-text { + color: @subtext0 !important; + } + + /* "Remember Me" checkbox label */ + .checkbox-label, label[for="remember"], .form-check-label { + color: @subtext0 !important; + } + + /* Divider "or" */ + .divider-text, .or-separator, .divider { + color: @overlay0 !important; + background-color: transparent !important; + } + + /* Cards on the main page */ + .course-card, .article-card { + background-color: @surface0 !important; + border: 1px solid @surface1 !important; + } + } +}