Vintage Theme by leeprky

/* ==UserStyle==
@name         Vintage Theme
@version      20220506.15.34
@namespace    userstyles.world/user/leeprky
@description  A Windows XI x Material You Mix With a Rustic Feel
@author       leeprky
@license      MIT
==/UserStyle== */

/*
                     .--------.
                     | v0.9.4 |
                     '--------' 
          Last Updated: 08/06/2022 21:34 (UK)
                    Version: Web
*/

/* Main */
@import url("https://leeprky.github.io/Vintage/dist/main.css");
@import url("https://leeprky.github.io/Vintage/clients/betterdiscord/betterdiscord.css");

/* Emoji's */

/* Google */
/* @import url("https:/*mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Google.css");

/* Apple */
@import url("https://mwittrien.github.io/BetterDiscordAddons/Themes/EmojiReplace/base/Apple.css");

/*
 ___        _  __       ___        _  _        ___ 
 / __|      | |/ /      |_ _|      | \| |      / __|
 \__ \      |   <        | |       | .  |      \__ \
 |___/      |_|\_\      |___|      |_|\_|      |___/
*/

/* When Changing Skins Make Sure To Un-Comment (Green) The Previous Skin. */

/* If You Wish To Edit A Theme OR Create Your Own | Remove '/*' At Start Of Line Below Then Open That File & Edit As You Like */
/* @use "./module/skin/custom";

/**/

/* Glasscord Skin - By Nyaomi#9646 (WORK IN PROGRESS)
   ENABLE WITH ANOTHER SKIN TO USE */
/* @import "https://leeprky.github.io/Vintage/modules/skin/glasscord.css";

/*  Wallpaper - Disable Other Skins To Use (WORK IN PROGRESS) */
/* @import "https://leeprky.github.io/Vintage/modules/skin/image.css"

/**/

/* Client Skins */

/* Powercord Skin */
/* @import "https://leeprky.github.io/Vintage/clients/powercord/powercord-skin.css";

/* Vizality Skin */
/* @import "https://leeprky.github.io/Vintage/clients/vizality/vizality-skin.css";

/* BetterDiscord Skin */
/* @import "https://leeprky.github.io/Vintage/clients/betterdiscord/betterdiscord-skin.css";

/* */

/* Vanilla Skin - By Discord */
/* @import "https://leeprky.github.io/Vintage/modules/skin/vanilla.css"

/* Vanilla Dark By Leeprky#2063 */
/* @import "https://leeprky.github.io/Vintage/modules/skin/vanilla-dark.css"

/* Brown - By Leeprky#2063 */
/* @import "https:/*leeprky.github.io/Vintage/modules/skin/brown.css";

/* Lavender Skin - By Lavender */
@import "https://leeprky.github.io/Vintage/modules/skin/lavender.css";

/* Zelk Skin - By schnensch#4231 */
/* @import "https://leeprky.github.io/Vintage/modules/skin/zelk.css"

/* Duvbox Skin By Leeprky#2063 */
/* @import "https://leeprky.github.io/Vintage/modules/skin/duvbox.css"

/* Dracula Skin By Leeprky#2063 */
/* @import "https://leeprky.github.io/Vintage/modules/skin/dracula.css"

/* Ovel Skin - By Leeprky#2063 */
/* @import "https://leeprky.github.io/Vintage/modules/skin/ovel.css"

/* Naive Skin - By Leeprky#2063 */
/* @import "https://leeprky.github.io/Vintage/modules/skin/naive.css"
/*
  __          __   ___    _          ___    __    __
  /     | |   (_     |    / \   |V|    |    (_    |_ 
  \__   |_|   __)    |    \_/   | |   _|_   __)   |__
  */

/* No Nitro */
@import "https://leeprky.github.io/Vintage/src/optional/no-nitro.css";

/* Menu Animations */
@import "https://leeprky.github.io/Vintage/src/optional/menu-animations.css";

/* Pop Animations */
@import "https://leeprky.github.io/Vintage/modules/import/pop.css";

/* Horizontal Server List - Rough But Functional */
/* @import "https://leeprky.github.io/Vintage/src/optional/horizontal-serverlist.css";

/* MacOS Titlebar | Add '/*' At Start Of Line Below To Change To Windows Titlebar */
@import "https://leeprky.github.io/Vintage/src/optional/macos.css";
:root {
    --macos-close-bg-dark: #e92a2a25;
    --macos-close-bg-light: #380d074b;
    --macos-close-bg-hover: #e92a2a;

    --macos-min-bg-dark: #ebdd1721;
    --macos-min-bg-light: #3738074b;
    --macos-min-bg-hover: #f7bc1b;

    --macos-max-bg-dark: #12db3323;
    --macos-max-bg-light: #07380f4b;
    --macos-max-bg-hover: #12db33;
}

/* Wallpaper Customisation (WORK IN PROGRESS) */
:root {
    --image-bg: url("https://cdn.wallpapersafari.com/34/55/8ciD7v.png")
}

:root {
/* Popout Modal Style */
--popout-modal-badges-style: 30px;          /* No Wrap Around */
/* --popout-modal-badges-style: 30px 30px;  /* Wraps Around To Right */

/* Global Rounding */
    --radius: 10px !important; /* 6 Is Squareish | 12 Is Bubbly */
    --avatar-radius: 12% !important; /* 12% is square | 24% is bubbly */

/* Pop Out Buttons */
    --pop-transiton-time: ease-in-out 0.4s;

/* Scrollbar Display */
    --scrollbar-display: none !important;

/* Popout */
    --avatar-popout-banner-blur: blur(2px);
    --avatar-popout-banner-opacity: 0.4;

/* Watermark Title */
    --watermark-Alignment: 50%; 
    --watermark-offset: 4%; /* (4%) Higher = More Left */
    --watermark-text: "" var(--theme) " v" var(--version) " - (" var(--style-name) ") -  by " var(--style-creator) ""; 

/* User Status Indicator's */
    --rs-small-spacing:0;
    --rs-large-spacing:0;
    --rs-width:2px;
    --rs-avatar-shape:var(--avatar-radius);
    --rs-online-color:#79ff8b;
    --rs-idle-color:#ffcc74;
    --rs-dnd-color:#ff7979;
    --rs-offline-color:#fff9f9;
    --rs-streaming-color:#b68bff;
    --rs-invisible-color:#ffe9e9;
    
/* Windows Buttons | Requires MacOS Buttons To Be Commented Out - Line 27 */
    --win-buttons-width: 42px;

    --win-close-background-colour: #b9534681;
    --win-close-text-colour: #ffefec;

    --win-max-background-colour: #c5a74e79;
    --win-max-text-colour: #ffefc1;

    --win-min-background-colour: #60a86073;
    --win-min-text-colour: #beffbe;
    --win-min-border-radius: 0px 0px 0px 12px;
}

:root {
    --version: "0.9.4WEB" !important;
    --build:"094WEB" !important;
}