/* Load source.css first */
@import url(https://raw.githubusercontent.com/niekas7/Kyanite/refs/heads/main/source.css);

/* Load fixes.css after to override the previous settings */
@import url(https://raw.githubusercontent.com/niekas7/Kyanite/refs/heads/main/fixes.css);

/* Adjustable main color palette and background options */
:root {
  	/* Kyanite accents */
	--main-color: rgba(22, 91, 123, 1) !important;
	--dark-bg: rgba(7, 22, 37, 0.95) !important;
	--soft-bright-color: rgb(133, 206, 255) !important;
	--hover-color: rgba(22, 91, 123, 0.3) !important;
	--hover-faded-color: rgba(22, 91, 123, 0.2) !important;
	--hover-faint-color: rgba(22, 91, 123, 0.1) !important;
	--hover-dark-color: rgba(22, 91, 123, 0.8) !important;
	--hover-bright-color: rgba(16, 165, 235, 0.8) !important;
	--interactive-normal: #66d4ff !important;

	/* Kyanite accents (Dimmer) */
  	/*
	--main-color: rgba(14, 58, 78, 1) !important;
	--dark-bg: rgba(7, 22, 37, 0.95) !important;
	--soft-bright-color: rgb(97, 177, 230) !important;
	--hover-color: rgba(22, 91, 123, 0.3) !important;
	--hover-faded-color: rgba(22, 91, 123, 0.2) !important;
	--hover-faint-color: rgba(22, 91, 123, 0.1) !important;
	--hover-dark-color: rgba(22, 91, 123, 0.8) !important;
	--hover-bright-color: rgba(12, 135, 192, 0.8) !important;
	--interactive-normal: #51abcf !important;
  	*/
	
	/* Magenta accents */
	/*
	--main-color: rgb(115, 22, 123) !important;
	--dark-bg: rgba(37, 7, 37, 0.95) !important;
	--soft-bright-color: rgba(255, 133, 255, 1) !important;
	--hover-color: rgba(123, 22, 123, 0.3) !important;
	--hover-faded-color: rgba(123, 22, 123, 0.2) !important;
	--hover-faint-color: rgba(123, 22, 123, 0.1) !important;
	--hover-dark-color: rgba(123, 22, 123, 0.8) !important;
	--hover-bright-color: rgba(253, 97, 227, 0.8) !important;
	--interactive-normal: #ff85ff !important;
	*/

	/* Green accents */
	/*
	--main-color: rgba(34, 139, 34, 1) !important;
	--dark-bg: rgba(0, 51, 0, 0.95) !important;
	--soft-bright-color: rgb(117, 204, 117) !important;
	--hover-color: rgba(34, 139, 34, 0.3) !important;
	--hover-faded-color: rgba(34, 139, 34, 0.2) !important;
	--hover-faint-color: rgba(34, 139, 34, 0.1) !important;
	--hover-dark-color: rgba(34, 139, 34, 0.8) !important;
	--hover-bright-color: rgba(60, 179, 113, 0.8) !important;
	--interactive-normal: #99ff99 !important;  
	*/

	/* Orange accents */
	/*
	--main-color: rgba(50, 50, 60, 1) !important;
	--dark-bg: rgba(15, 10, 20, 0.95) !important;
	--soft-bright-color: rgba(255, 180, 90, 1) !important;
	--hover-color: rgba(255, 180, 90, 0.3) !important;
	--hover-faded-color: rgba(255, 180, 90, 0.2) !important;
	--hover-faint-color: rgba(255, 180, 90, 0.1) !important;
	--hover-dark-color: rgba(255, 180, 90, 0.8) !important;
	--hover-bright-color: rgba(255, 120, 60, 0.8) !important;
	--interactive-normal: rgba(255, 120, 60, 1) !important;
	*/

    /* State colors */
	--green-bright-color: rgb(143, 255, 133) !important;
	--green-dark-color: rgba(34, 123, 22) !important;
	--hover-green-color: rgba(46, 123, 22, 0.3) !important;
	--hover-green-bright-color: rgba(41, 199, 27, 0.8) !important;
    	--hover-green-dark-color: rgba(34, 123, 22, 0.8) !important;

    	--yellow-bright-color: rgb(255, 202, 110) !important;
    	--yellow-dark-color: rgba(201, 127, 0) !important;
    	--hover-yellow-color: rgba(201, 127, 0, 0.3) !important;
    	--hover-yellow-bright-color: rgba(250, 166, 26, 0.8) !important;
    	--hover-yellow-dark-color: rgba(201, 127, 0, 0.8) !important;

    	--red-bright-color: rgb(255, 62, 62) !important;
    	--red-dark-color: rgba(123, 22, 22) !important;
    	--hover-red-color: rgba(123, 22, 22, 0.3) !important;
    	--hover-red-bright-color: rgba(255, 36, 36, 0.8) !important;
    	--hover-red-dark-color: rgba(123, 22, 22, 0.8) !important;
	
	--trasnparent-color: rgba(0, 0, 0, 0) !important;

    /* Background options */
    	--sepparation-blur: 10px !important;
    	--background-blur: 0px !important;
    	--background-brightness: 100% !important;
}

/* Main background */
body::after,
.callout-backdrop,
.user-popout::before,
#user-profile-modal .header::before,
#pubs-container::before,
.auth-background,
.auth-tiling-bg,
.invite-modal .invite-splash {
  background-image: url("https://github.com/niekas7/Kyanite/blob/main/Default_Background.jpg?raw=true") !important;
}

/* Background2 */
/*
body::after,
.callout-backdrop,
.user-popout::before,
#user-profile-modal .header::before,
#pubs-container::before,
.auth-background,
.auth-tiling-bg,
.invite-modal .invite-splash {
  background-image: url("https://raw.githubusercontent.com/niekas7/Kyanite/refs/heads/main/Background2.jpg?raw=true") !important;
}
*/

/* Custom rules */

/* Here you can add your custom css to override the styling set by the theme. */

/* For instance, message quick action bar is hidden by default in this theme, 
you can make it visible by uncommenting the style below. */
.message_d5deea.selected_d5deea .buttons_d5deea,
.mouse-mode .message_d5deea:hover .buttons_d5deea {
  visibility: visible !important;
}

/* Remove bookmarks button by default */
.iconWrapper_fc4f04:nth-child(8), .iconWrapper_fc4f04:nth-child(7) {
  display: none;
}