feat(geeksforgeeks): init

scripts/userstyles.yml

@@ -298,6 +298,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: []
   ghostty.org:
     name: Ghostty.org
     link: https://ghostty.org

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        1.0.0
+@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;
+    }
+  }
+}