/** * @name macOS-buttons-for-discord * @description macOS inspired traffic light buttons for Discord on windows using BetterDiscord or Vencord. Always visible. * @version 1.3 * @author Caff3in3Add1ctz */ /* Hide SVG icons in buttons */ .winButton_c38106 svg { display: none !important; } /* === Anchor window buttons to always-visible bar === */ .withFrame-2dL45i .winButtons_c38106 { position: absolute !important; top: 12px !important; right: 12px !important; /* adjust for macOS-style */ left: 60px !important; /* shifted to avoid DevTools icon (~36–48px wide) */ height: 36px; display: flex !important; align-items: center; justify-content: flex-start; gap: 6px; z-index: 9999; } /* === macOS button style ===*/ .winButton_c38106 { width: 12px; height: 12px; border-radius: 9999px !important; /* force circle */ margin-left: 6px; transition: transform 0.2s ease, box-shadow 0.2s ease; -webkit-app-region: no-drag; } /* Minimize */ .winButtonMinMax_c38106[aria-label="Minimize"], .winButtonMinMax_c38106[aria-label="Minimise"] { background-color: #FFBD44; } /* Maximize */ .winButtonMinMax_c38106[aria-label="Maximize"], .winButtonMinMax_c38106[aria-label="Maximise"] { background-color: #00CA4E; } .winButtonClose_c38106 { background-color: #FF605C; margin-right: 12px; } .winButton_c38106:hover { transform: scale(1.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } /* === Make title bar draggable, except buttons === */ .appMount-3lHmkl, .withFrame-2dL45i { -webkit-app-region: drag; } .winButton_c38106 { -webkit-app-region: no-drag; }