//META{"name":"Aj's Gruvbox Theme","description":"A modern minimalist theme using the Gruvbox colour scheme.","author":"Ajdj100","version":"0.1"}*//
/* BetterDiscord Gruvbox Theme - By Ethan McTague
   Compatible with the latest version of Discord (as of Jan 23, 2020.)
   Copyright 2020 Ethan McTague <ethan@tague.me>
   Licensed under the BSD 3-clause license.
   
   Based on the Gruvbox color scheme by Pavel Pertsev: https://github.com/morhetz/gruvbox
   Using CSS from highlight.js themes, to style code blocks: https://highlightjs.org/
   highlight.js is licensed under the BSD 3-clause license - see its section in the code for more details.
   
   Be aware: BetterDiscord use is against the discord TOS.
             I am not responsible for your use of BetterDiscord or of this theme.
             [ ...discord, if you want to add builtin color scheme support, hmu :) ]
             
   Installation:
    1. Install BetterDiscord.
    2. Go to "Themes" in discord's settings.
    3. Select "Open Themes Folder", and save this file there as: gruvbox.theme.css
    4. Go back to discord and switch the theme on!
*/

:root {
  --background-secondary-alt: #3c3836;
  --background-primary: #282828;
  --background-secondary: #3c3836;
  --channels-default: #bdae93;
  --background-tertiary: #1d2021;
  --invert--background: #1d2021;
  --channeltextarea-background: #bdae93;
  --text-normal: #bdae93;
  --interactive-normal: #282828;
  --interactive-invert: #bdae93;
  --interactive-selected: #f9f5d7;
  --interactive-hover: #f9f5d7;
  --brand-experiment-560: #458588;
  --button-danger-background: #9d0006;
  --link-decoration: #83a598;
  --send-button: #458588;
  --brand-experiment-200: #282828;
  --brand-experiment-600: #83a598;
}

.base-2jDfDU {
  border-radius: 25px 0px 0px 0px;
  overflow: hidden;
}

/* customizing the user box thingy THIS IS SUPER WIP I GOTTA FIGURE OUT WHAT I WANNA DO WITH IT*/
.panels-3wFtMD {
  border-radius: 10px;
  background-color: var(--channels-default);
  background: var(--channels-default);
  overflow: visible;
  width: fit-content;
}

.subtext-2HDqJ7 {
  color: var(--background-tertiary);
}


/* change the search bar around a bunch     THIS STILL NEEDS FIXING */
.searchBar-jGtisZ {
  background-color: #928374;
  color: var(--invert--background);
}

.clear-2KQ7l1 .icon-18rqoe {
  color: var(--invert--background);
}

.searchBar-jGtisZ {
color: var(--invert--background);
}

/* User profile popouts */

.userProfileInnerThemedNonPremium-1gT-zY {
  background: #3c3836;
}

.overlayBackground-1KgwVi {
  background-color: var(--background-tertiary);
}

/* text box */
.editor-H2NA06 {
  color: #3c3836;
  caret-color: #3c3836;
}

/* channel/DM buttons (next to search bar)  DM BUTTONS ARE BROKEN RN NEEDS FIXING*/
.icon-2xnN2Y > PATH {
  color: var(--interactive-invert);
}

.selected-29KTGM > svg > path{
  color: var(--interactive-selected);
}

/* message little sidebar thing */
.wrapper-2vIMkT {
  background-color: var(--background-secondary);
}

/* settings page stuff */
.closeButton-PCZcma {
  color: var(--interactive-invert);
}

.brand-3g5E0C.item-3XjbnG, .themed-2-lozF.item-3XjbnG {
  color: var(--text-normal);
}


/* MESSAGE SEND BUTTON */

.disabled-3wvGkX > svg {
  color: var(--interactive-normal);
}

.activeButtonChild-2hgLAO {
 color: var(--send-button);
}

/* REACTION THINGS */
.reactionCount-26U4As {
  color: var(--text-normal);
}

.reaction-3vwAF2.reactionMe-1PwQAc {
  border-color: var(--interactive-invert);
  background-color: #928374;
}

/* Settings page exit and fullscreen n stuff */
.floating-window-buttons .button {
  color: #928374;
}

.codeLine-2C-9aH{
  color: var(--brand-experiment-200);
}

.codeBlockSyntax-3mFGiA {
  color: var(--brand-experiment-200);
}

/* Main exit buttons n stuff */
.winButton-3UMjdg {
  color: #928374;
}

/* Emoji/stickers/gifs picker */
.contentWrapper-3vHNP2 {
  background-color: red;
}