Merge branch 'main' into docs/misc-improv

.github/CODEOWNERS

@@ -18,6 +18,7 @@
 /styles/formative @r58Playz
 /styles/github @uncenter
 /styles/google @GitMuslim
+/styles/google-drive @r58Playz
 /styles/google-photos @GenShibe
 /styles/graphite @isabelroses
 /styles/hacker-news @lucasmelin

.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:crowdin", "lbl:deepl", "lbl:duckduckgo", "lbl:ecosia", "lbl:elk", "lbl:formative", "lbl:github", "lbl:gmail", "lbl:google", "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:lastfm", "lbl:lemmy", "lbl:libreddit", "lbl:lichess", "lbl:lingva", "lbl:linkedin", "lbl:mastodon", "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:crowdin", "lbl:deepl", "lbl:duckduckgo", "lbl:ecosia", "lbl:elk", "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:lastfm", "lbl:lemmy", "lbl:libreddit", "lbl:lichess", "lbl:lingva", "lbl:linkedin", "lbl:mastodon", "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"]
     validations:
       required: true
   - type: textarea

.github/issue-labeler.yml

@@ -43,6 +43,8 @@ gmail:
   - '(lbl:gmail)'
 google:
   - '(lbl:google)'
+google-drive:
+  - '(lbl:google-drive)'
 google-photos:
   - '(lbl:google-photos)'
 graphite:

.github/labels.yml

@@ -65,6 +65,9 @@
 - name: google
   description: Google
   color: '#7dc4e4'
+- name: google-drive
+  description: Google Drive
+  color: '#8aadf4'
 - name: google-photos
   description: Google Photos
   color: '#7dc4e4'

.github/pr-labeler.yml

@@ -21,6 +21,7 @@ formative: styles/formative/**/*
 github: styles/github/**/*
 gmail: styles/gmail/**/*
 google: styles/google/**/*
+google-drive: styles/google-drive/**/*
 google-photos: styles/google-photos/**/*
 graphite: styles/graphite/**/*
 hackage: styles/hackage/**/*

README.md

@@ -38,10 +38,12 @@ giving it a unique and appealing aesthetic in line with Catppuccin's color palet
 
 ## 🖥️ Install
 
-Install [Stylus](https://github.com/openstyles/stylus) for your chosen browser.
+Install [Stylus](https://github.com/openstyles/stylus) for your browser by clicking one of the badges below.
 
-- [Firefox](https://addons.mozilla.org/en-GB/firefox/addon/styl-us/)
-- [Chrome](https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne)
+<p align="center">
+  <a href="https://addons.mozilla.org/en-GB/firefox/addon/styl-us/"><img src="https://img.shields.io/badge/Firefox_Add--ons-f5a97f?style=for-the-badge&logo=Firefox-Browser&logoColor=24273a"></a>
+  <a href="https://chromewebstore.google.com/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne"><img src="https://img.shields.io/badge/Chrome_Web_Store-b7bdf8?style=for-the-badge&logo=GoogleChrome&logoColor=24273a"></a>
+</p>
 
 ### All Userstyles
 
@@ -151,6 +153,7 @@ See [CONTRIBUTING.md](docs/CONTRIBUTING.md).
 <details open>
 <summary>📖 Productivity</summary>
 
+- [Google Drive](styles/google-drive)
 - [homepage](styles/homepage)
 - [inoreader](styles/inoreader)
 - [Microsoft Word](styles/microsoft-word)

scripts/userstyles.yml

@@ -308,6 +308,13 @@ userstyles:
     readme:
       app-link: "https://google.com"
       current-maintainers: [*gitmuslim]
+  google-drive:
+    name: Google Drive
+    categories: [productivity]
+    color: blue
+    readme:
+      app-link: "https://drive.google.com"
+      current-maintainers: [*r58Playz]
   google-photos:
     name: Google Photos
     categories: [photo_and_video]

styles/gmail/catppuccin.user.css

@@ -80,11 +80,6 @@
     }
 
     /* input box */
-    .nr {
-      background-color: @surface1 !important;
-      color: @text !important;
-    }
-
     .bs0 > .acM,
     .bti > .btg {
       color: @text !important;
@@ -159,7 +154,8 @@
       background: @surface0 !important;
     }
     .gb_Lc .gb_3e,
-    .gb_Ee.gb_Fe .gb_Ze {
+    .gb_Ee.gb_Fe .gb_Ze,
+    .gb_Pc .gb_we {
       color: @text !important;
     }
     .gb_Ee.gb_Fe button svg {
@@ -178,6 +174,50 @@
       background: @surface0 !important;
       color: @text !important;
     }
+    /* selected unread email */
+    .x7 {
+      color: @mantle !important;
+      background: @accent-color !important;
+    }
+
+    /* checkbox */
+    .bzn .G-tF .T-Jo {
+      filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)
+        hue-rotate(196deg) brightness(150%) contrast(75%);
+    }
+
+    /* keyboard dropdown */
+    .d-Na-JG-M {
+      background-color: @surface1 !important;
+    }
+    .d-Na-N {
+      color: @text !important;
+    }
+    .d-Na-N-JW {
+      background-color: fade(@accent-color, 20%) !important;
+    }
+    .d-Na-JX-I,
+    .d-Na-J3,
+    .d-Na-N.d-Na-KO .d-Na-Jo {
+      filter: brightness(0) saturate(90%) invert(28%) sepia(17%) saturate(835%)
+        hue-rotate(196deg) brightness(250%) contrast(75%);
+    }
+    .d-Na-axR,
+    .RK-Jk.RK-Qq-axH {
+      border-color: @overlay0;
+    }
+
+    /* virtual keyboard */
+    .RK-H {
+      background-color: @surface0 !important;
+    }
+    .RK-QJ {
+      color: @text;
+    }
+    .RK-Jk {
+      color: @text !important;
+      background-image: linear-gradient(to bottom, @surface1, @surface2);
+    }
 
     /* left bar */
     .CL.Q7:hover,
@@ -284,19 +324,94 @@
     .T-I-JW > .asa::before {
       background: @surface0 !important;
     }
-    /* forward/reply buttons */
-    .amn > .ams {
+
+    /* attachements in comfortable mode */
+    .brg {
       color: @text !important;
     }
-    .amr .amn > .ams {
-      background: @base !important;
-      border-color: @surface0 !important;
+
+    /* date when the message was sent */
+    .yO > .xW {
+      color: fade(@text, 50%) !important;
+    }
+    .bq3 {
+      color: @text !important;
+    }
+
+    /* unsub button */
+    .aJ6 {
+      color: @text;
+    }
+    .aOd.T-I {
+      box-shadow: inset 0 0 0 1px fade(@text, 50%) !important;
+    }
+
+    /* svgs */
+    .gb_Pc svg,
+    .gb_Uc.gb_Zc svg,
+    .gb_Pc .gb_gd .gb_od,
+    .gb_Pc .gb_gd .gb_Oc,
+    .gb_Pc .gb_gd .gb_id,
+    .gb_Uc.gb_Zc .gb_od {
+      color: @text !important;
     }
     /* send one now */
     .x0 {
       color: @text !important;
     }
 
+    /* compose window */
+    .afW {
+      border-color: @surface1;
+    }
+    .afV {
+      background: @surface2 !important;
+      box-shadow: 0 0 0 1px @overlay0 inset;
+      color: @text !important;
+    }
+    .akl,
+    .aoT,
+    .aYF,
+    .agP,
+    .az9,
+    .gQ {
+      color: @text;
+    }
+    .IZ,
+    .agP,
+    .agh,
+    .gQ,
+    .afx {
+      background: @surface0 !important;
+    }
+    .oL,
+    .gO {
+      color: @subtext0;
+    }
+    /* message sent dialog */
+    .vh {
+      color: @text !important;
+    }
+    /* Gmail logo */
+    [src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_default_1x_r5.png"],
+    [src="https://ssl.gstatic.com/ui/v1/icons/mail/rfr/logo_gmail_lockup_dark_1x_r5.png"]
+    {
+      height: unset !important;
+      width: unset !important;
+      @svg: escape(
+        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="17.727 14.319 30 22.5" width="30" height="22.5"><path fill="@{blue}" d="M19.773 36.819h4.773V25.227l-6.819-5.114v14.659a2.044 2.044 0 0 0 2.045 2.045"/><path fill="@{green}" d="M40.909 36.819h4.773a2.044 2.044 0 0 0 2.045-2.045v-14.66l-6.819 5.114"/><path fill="@{yellow}" d="M40.909 16.364v8.864l6.819-5.114v-2.727c0-2.529-2.888-3.971-4.909-2.455"/><path fill="@{red}" d="M24.545 25.227v-8.863l8.181 6.136 8.181-6.136v8.864l-8.181 6.136m-15-13.977v2.727l6.819 5.114v-8.864l-1.909-1.431c-2.025-1.517-4.91-.075-4.91 2.455"/></svg>'
+      );
+      content: url("data:image/svg+xml,@{svg}");
+    }
+    /* x new */
+    .aDG {
+      background-color: @crust !important;
+      color: @text !important;
+    }
+    .aKs {
+      color: @subtext1 !important;
+    }
+
     /* theme */
     div.Kj-JD {
       background-color: @base;
@@ -384,10 +499,18 @@
     .aAy > .aKp,
     .xY > .T-Jo,
     .T-I .T-I-J3,
-    td.apU > .T-KT.aXw::before {
-      filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)
-        hue-rotate(196deg) brightness(150%) contrast(75%);
+    td.apU > .T-KT.aXw::before,
+    .bqX:not(.pW):hover::before,
+    .nZ > .TN.aHS-bnt .qj::before {
+      filter: brightness(0) saturate(90%) invert(28%) sepia(17%) saturate(835%)
+        hue-rotate(196deg) brightness(250%) contrast(75%);
+    }
+
+    .WR .z0 > .L3::before {
+      filter: brightness(0) saturate(80%) invert(28%) sepia(17%) saturate(835%)
+        hue-rotate(196deg) brightness(20%) contrast(75%);
     }
+
     td.apU > .T-KT.T-KT-Jp::before {
       filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)
         hue-rotate(337deg) brightness(300%);
@@ -397,7 +520,57 @@
     .OB,
     .Q1:not(:checked) + .Vo::before,
     .SV {
-      filter: invert(1);
+      filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)
+        hue-rotate(196deg) brightness(250%) contrast(75%);
+    }
+    .brC-aMv-auO .aT5-aOt-I-JX {
+      fill: @accent-color;
+    }
+    .brC-aMv-auO .brC-dA-I.aT5-aOt-I-Jp .aT5-aOt-I-JX-atM {
+      background-color: @base;
+    }
+
+    /* sidebar icons */
+    .TO:not(.nZ) .qj:not(.aEe),
+    .n3 .CL.Q7::before,
+    .n3 .CL.Wj::before,
+    .n3 .CL.H5o3mc::before,
+    .n6 .n4 .G-asx,
+    .n6 .air .G-asx,
+    .TN .TH {
+      filter: brightness(0) saturate(80%) invert(28%) sepia(17%) saturate(835%)
+        hue-rotate(196deg) brightness(220%) contrast(75%);
+    }
+
+    /* help dropdown */
+    .t9 {
+      background-color: @surface0 !important;
+    }
+    .ua {
+      color: @text !important;
+    }
+    .ua.bk5 {
+      background-color: @overlay0;
+    }
+
+    /* labels */
+    .J-awr {
+      color: @text;
+    }
+    .J-N-Jz {
+      color: @text !important;
+    }
+    .J-Kh {
+      border-color: @text;
+    }
+
+    /* sidebar */
+    .bsU {
+      color: @text;
+    }
+    .aAw .aAu {
+      filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)
+        hue-rotate(196deg) brightness(250%) contrast(75%);
     }
 
     /* svgs */
@@ -435,7 +608,8 @@
     .aaZ .J-N-JX.a5,
     .aaZ .J-N-JX.a2X,
     [role="toolbar"] [role="button"]:not(.H2, .Ol) {
-      filter: invert(1) !important;
+      filter: brightness(0) saturate(100%) invert(28%) sepia(17%) saturate(835%)
+        hue-rotate(196deg) brightness(250%) contrast(75%) !important;
     }
 
     /* advanced settings */

styles/google-drive/README.md

@@ -0,0 +1,36 @@
+<!-- AUTOGEN:README START -->
+<!-- THIS FILE IS AUTOGENERATED. DO NOT EDIT IT BY HAND -->
+
+<h3 align="center">
+	<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png" width="100" alt="Logo"/><br/>
+	<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
+  Catppuccin for <a href="https://drive.google.com">Google Drive</a>
+	<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/misc/transparent.png" height="30" width="0px"/>
+</h3>
+
+<p align="center">
+	<a href="https://github.com/catppuccin/userstyles/issues?q=is%3Aissue+is%3Aopen+label%3Agoogle-drive"><img src="https://img.shields.io/github/issues/catppuccin/userstyles/google-drive?colorA=363a4f&colorB=f5a97f&style=for-the-badge"></a>
+	<a href="https://raw.githubusercontent.com/catppuccin/userstyles/main/styles/google-drive/catppuccin.user.css"><img src="https://img.shields.io/badge/stylus-install-cba6f7?colorA=363a4f&style=for-the-badge"></a>
+</p>
+
+<p align="center">
+  <img src="preview.webp"/>
+</p>
+
+
+
+## 💝 Current Maintainer
+- [r58Playz](https://github.com/r58Playz)
+
+
+&nbsp;
+
+<p align="center">
+	<img src="https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/footers/gray0_ctp_on_line.svg?sanitize=true" />
+</p>
+
+<p align="center">
+	Copyright &copy; 2021-present <a href="https://github.com/catppuccin" target="_blank">Catppuccin Org</a>
+</p>
+
+<!-- AUTOGEN:README END -->