/**
 * @name R:March 7th Preservation Light Mode
 * @description discord.gg/march7th A cute theme based on March 7th from Honkai: Star Rail.
 * @author cinnakoko, refact0r, esme, anubis
 * @version 2.0.0
 * @invite march7th
 * @website https://github.com/kubiikoko/March-7th-Discord-Theme
 * @source https://github.com/kubiikoko/March-7th-Discord-Theme/blob/39c6e27882bd62b2d15a70b9f09d64109d4bd43b/m7h%20%20light.css
 * @authorId 852611391189286993

*/

/* import theme modules */
@import url('https://refact0r.github.io/midnight-discord/build/midnight.css');


 /* fixing text on profiles etc; */
body {
    /* font, change to '' for default discord font */
    --font: 'figtree';

    /* sizes */
    --gap: 12px; /* spacing between panels */
    --divider-thickness: 4px; /* thickness of unread messages divider and highlighted message borders */

    /* animation/transition options */
    --animations: on; /* turn off to disable all midnight animations/transitions */
    --list-item-transition: 0.2s ease; /* transition for list items */
    --dms-icon-svg-transition: 0.4s ease; /* transition for the dms icon */

    /* top bar options */
    --move-top-bar-buttons: off; /* turn on to move inbox button to the server list (recommend setting top bar height to 24px) */
    --custom-app-top-bar-height: 32px; /* height of the titlebar/top bar */
    
    /* window controls */
    --custom-window-controls: on; /* turn off to use discord default window controls */
    --window-control-size: 14px; /* size of custom window controls */

    /* dms button icon options */
    --dms-icon: on; /* set to default to use discord icon, on to use custom icon, off to disable completely */
    --dms-icon-svg-url: url('https://raw.githubusercontent.com/cinnakoko/March-7th-Discord-Theme/3a34cb165a0546a20d430ba81ca06fa684da35b5/assets/Vm8o6R01.svg'); /* icon svg url. MUST BE A SVG. */
    --dms-icon-svg-size: 90%; /* size of the svg (css mask-size) */
    --dms-icon-color-before: var(--icon-secondary); /* normal icon color */
    --dms-icon-color-after: var(--white); /* icon color when button is hovered/selected */
    /* Transgender Boost Gradient; Recolors the boosting gradient to be the best flag ever by MandelineMaid*/
    --guild-boosting-blue: #60d0fa, #f5acba, #ffffff;
    --guild-boosting-purple: #ffffff, #f5acba, #60d0fa;


    /* dms button background options */
    --dms-background: off; /* off to disable, image to use a background image, color to use a custom color/gradient */
    --dms-background-image-url: url(''); /* url of the background image */
    --dms-background-image-size: cover; /* size of the background image (css background-size) */
    --dms-background-color: linear-gradient(70deg, var(--blue-2), var(--purple-2), var(--red-2)); /* fixed color/gradient (css background) */

    /* background image options */
    /*  --background-image: on; /* turn on to use a background image */
    /*  --background-image-url: url('https://github.com/cinnakoko/March-7th-Discord-Theme/blob/main/assets/march%207th%20hunt%20dark.png?raw=true'); /* url of the background image */
    
    /* transparency/blur options */
    /* NOTE: TO USE TRANSPARENCY/BLUR, YOU MUST HAVE TRANSPARENT BG COLORS. FOR EXAMPLE: --bg-4: hsla(220, 15%, 10%, 0.7); */
    --transparency-tweaks: off; /* turn on to remove some elements for better transparency */
    --remove-bg-layer: off; /* turn on to remove the base --bg-3 layer for use with window transparency (WILL OVERRIDE BACKGROUND IMAGE) */
    --panel-blur: on; /* turn on to blur the background of panels */
    --blur-amount: 12px; /* amount of blur */
    --bg-floating: var(--bg-3); /* you can set this to a more opaque color if floating panels look too transparent */

    /* other options */
    --small-user-panel: off; /* turn on to make the user panel smaller like in old discord */
}

/* color options */
:root {
    --colors: on; /* turn off to use discord default colors */
 /*
    --background-image: url('https://github.com/cinnakoko/March-7th-Discord-Theme/blob/main/assets/march%207th%20hunt%20dark.png?raw=true');
      
    
    /* text colors */
    --text-0: var(--bg-4); /* text on colored elements */
	--text-1: #decbcb; /* bright text on colored elements */
	--text-2: #333; /* headings and important text */
	--text-3: #333; /* normal text */
	--text-4: #333; /* icon buttons and channels */
	--text-5: #333;  /* muted channels/chats and timestamps */
 
	--backgroundblur: 0;
    /* background and dark colors */
    --bg-1: #7e99aa; /* dark buttons when clicked */
	--bg-2: #a0c1d6; /* dark buttons */
	--bg-3: #DE93B3; /* spacing, secondary elements */
	--bg-4: #F2C8D0, 0.1; /* main background color */
	--hover: hsla(312, 15%, 53%, 0.1); /* channels and buttons when hovered */
	--active: hsla(315, 15%, 53%, 0.2); /* channels and buttons when clicked or selected */
	--message-hover: hsla(330, 47%, 64%, 0.213); /* messages when hovered */
; /* messages when hovered */

    /* accent colors */
    --accent-1: #917387; /* links */
	--accent-2: #a0c1d6; /* general unread/mention elements */
	--accent-3: #ee8ea8; /* accent buttons */
	--accent-4: #eb819e; /* accent buttons when hovered */
	--accent-5: hsl(344, 81%, 67%); /* accent buttons when clicked */
    --hover: hsla(312, 15%, 53%, 0.1); /* channels and buttons when hovered */
	--active: hsla(315, 15%, 53%, 0.2); /* channels and buttons when clicked or selected */
	--mention-hover: hsla(330, 79%, 61%, 0.05);
    --accent-new: hsl(344, 81%, 67%); /* messages when hovered */
/* background of messages that mention you when hovered */ /* stuff that's normally red like mute/deafen buttons */

    /* status indicator colors */
    --online: #a6da95; /* change to #44a25b for default */
    --dnd: #ed8796; /* change to #d83a42 for default */
    --idle: #eed49f; /* change to #c99656 for default */
    --streaming: #c6a0f6; /* change to #593695 for default */
    --offline: #5e5b5b; /* change to #83838b for default offline color */

    /* border colors */
    --border-light: hsl(230, 20%, 40%, 0.1); /* light border color */
    --border: hsl(230, 20%, 40%, 0.2); /* normal border color */
    --button-border: hsl(0, 0%, 100%, 0.1); /* neutral border color of buttons */


    --list-item-transition: 0.2s ease;
    }
    .wrapper__2ea32 .link__2ea32 {
        transition: margin-left var(--list-item-transition);
    }
    .wrapper__2ea32:hover .link__2ea32 {
        margin-left: 10px;
    }
    .unread__2ea32 {
        border-radius: 50%;
        width: 8px;
        height: 8px;
        margin-left: -4px;
        transition: var(--list-item-transition);
    }
    .wrapper__2ea32:hover .unread__2ea32 {
        width: 12px;
        height: 12px;
        margin-top: -6px;
        margin-left: 3px;
        background-color: transparent;
        background: url('https://cdn.discordapp.com/emojis/1265593470131900488.webp?size=48');
        background-size: 12px;
        background-position: center;
    
}
/*
body {
    background: var(--background-image) no-repeat center center fixed;
    background-size: cover;
  }
*/



.visual-refresh .button_e131a9.buttonColor_e131a9, .visual-refresh .button_e131a9 .buttonColor_e131a9 {
    background-color: #ee8ea8;
    color: #fcd2d2;
    border-color: var(--border-faint);
    --interactive-active: #fcd2d2;
} 


.visual-refresh .iconBadge__650eb.base__2b1f5,.container__9293f  {
    --card-secondary-bg: #fcd2d2;

}
.visual-refresh .content_c48ade {
    background-image: url('https://github.com/cinnakoko/March-7th-Discord-Theme/blob/main/assets/March7th-BG.jpg?raw=true');
    
}

.bar_c38106[data-windows=true]{
    background-image: url('https://github.com/cinnakoko/March-7th-Discord-Theme/blob/main/assets/March7th-BG.jpg?raw=true');
}


.itemsContainer_ef3116, .tree_ef3116{
    background-color: #fcd2d2, 0.1; 
}

.visual-refresh .container__133bf > .container__9293f{
    background-color: #fcd2d2;
}

.visual-refresh, .wrapper__14245{
    background-color: #DE93B3;
}

.visual-refresh   .header_c0e32c, .header_c0e32c{
    background-color: #DE93B3;
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
}

:root {
	--folder-icon-1: url("https://github.com/cinnakoko/March-7th-Discord-Theme/raw/refs/heads/main/assets/folder%20icon%20preservation.webp");
  }
  
  [aria-label="Servers"] {
	& > * {
	  --folder-icon: var(--folder-icon-1);
	  --position-left: 11.5px;
	  --fill: currentColor;
	}
	[aria-owns^="folder-items-"] > [class^="folderIconWrapper_"] {
	  position: relative; 
	  [class^="closedFolderIconWrapper_"],
	  [class^="expandedFolderIconWrapper_"] {
		display: none;
	  }
	  &::after {
		background-image: var(--folder-icon);
		background-size: cover;
		background-repeat: no-repeat;
		content: "";
		position: absolute;
		top: 12px;
		left: var(--position-left);
		width: 24px;
		height: 24px;
	 
	  }
	}
  }

.visual-refresh .theme-light{
    --custom-status-bubble-background-color: #ffeeee;
}


.visual-refresh .inspector_aeaaeb, .unicodeShortcut_b9ee0c, .visual-refresh .soundboardHeader__08434, .visual-refresh .picker__09f65, .visual-refresh .header__8ef02 ,.visual-refresh .header_fed6d3, .visual-refresh .standardStickerShortcut__3ad28, .content_fed6d3{
    background-color: #DE93B3;
}
.scroller_affa7e{
    background-color: #DE93B3;
}

.visual-refresh .wrapper__14245, .keybindHint__46002, .lookFilled__201d5.colorPrimary__201d5{
    background-color: #DE93B3;
}

.itemsContainer_ef3116 {
    background-color: #de93b48a;
    
}
.categoryItemDefaultCategorySelected_b9ee0c, .stickerCategoryGenericSelected__3ad28{
    background-color: #fcd2d2; 
}

.soundButtonRefresh__6d4ed, .categoryIcon_a1e0e0.selected_a1e0e0, .soundButton__6d4ed{
    background: #fcd2d2;
}

.theme-light .emojiItem_fc7141.emojiItemSelected_fc7141, .theme-light .emojiItem_fc7141.expandCollapseButtonSelected_fc7141{
    background-color: #fcd2d2; 
}
.accountProfileCard__1fed1 {
    background-color: #decbcb;
    
}


.username_c19a55, .name__5d473 {
	filter: hue-rotate(1deg) !important;
	 text-shadow: 
		  1px  1px 0 #a89d9d8f;
 
 }
.text-md\/normal_cf4812, .tierCardCurrentTier_be48d0, .heading-xxl\/bold_cf4812, .heading-xxl\/semibold_cf4812{
    color: black !important; 
}

.lookFilled_dd4f85 .contents_dd4f85, .lookLink_dd4f85 .contents_dd4f85, .lookOutlined_dd4f85 .contents_dd4f85 {
    color: #333;
}
.theme-light .card_ea2a21 {
    border-color: #DE93B3;
}

.item_d90b3d{
	color: rgb(73, 60, 60);
  }
  