Sanctum Style Mastodon by lynnxie00

/* ==UserStyle==
@name           mastodon.social - 7/15/2023, 12:05:21 AM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document domain("mastodon.social") {
	:root {
		--normal-text-color: #161616;
		--normal-text-font: helvetica;
		--background: #F4F4F0;
		--button-color: #EA8642;
		--icon-active-color: #545151;
		--icon-color: #C2C1BF;
		--highlight-text-color: #EEBA95;
		--hover-color: #E7E7E4;
		--scroll-bar-color:#A9A8A5;
		--link-color: #F68D45;
		--link-visited-color: #0972BA;
	}

	a {
        Color: #F68D45!important;
    }
	div {
		border-color:#C2C1BF !important;
	}
	.search__input,.search__popout,.compose-form__buttons-wrapper{
		background:#E7E7E4!important;
	}
	.column-link__icon, .column-link{
		color: #545151!important;
	}
	.column-header__wrapper.active{
		box-shadow: 0 1px 0 #b468333d;
	}
	
	/* buttons*/
	.button {
		background-color:#EA8642 !important;
		transition: scale 1s !important;
		transition-timing-function: ease-in-out;
	}
	.icon-button .active i{
		color: #EA8642 !important;
	}
	
	.button:hover{
		transform:scale(1.05,1.05) !important;
		-webkit-transform:scale(1.05,1.05)!important;
		-moz-transform:scale(1.05,1.05) !important;
	}

	.status__content__read-more-button, .status__content__translate-button{
		color: #EA8642 !important;
	}
	
	
	.column-header__back-button, .column-header__button{
		color: #EA8642 !important;
		background-color:#F4F4F0 !important;
	}
	

	
		/* backgrounds*/
	body{
		background-color:#F4F4F0 !important;
	}
	.account__header__bar{
		background-color:#F4F4F0 !important;
	}
	.column > .scrollable{
		background-color:#F4F4F0 !important;
	}
	.detailed-status, .detailed-status__action-bar{
		background-color:#F4F4F0 !important;
	}
	.empty-column-indicator{
		background-color:#F4F4F0 !important;
	}
	.account__section-headline, .notification__filter-bar{
		background-color:#F4F4F0 !important;
	}
	.account__section-headline button, .notification__filter-bar button{
		background-color:#F4F4F0 !important;
	}
	.column-header__buttons{
		background-color:#F4F4F0 !important;
	}	
	.column-header__collapsible-inner{
		background-color:#F4F4F0 !important;

	}
	.column-back-button, .column-header{
		background-color:#F4F4F0 !important;
		border: 1px solid #C2C1BF;
	}

	.column-inline-form, .column > .scrollable, .error-column, .getting-started, .regeneration-indicator{
		background-color:#F4F4F0 !important;
	}
	.follow_requests-unlocked_explanation{
		background-color:#F4F4F0 !important;
	}
	.tabs-bar__wrapper{
		background-color:#F4F4F0 !important;
	}
	
	.account__header__image, .account__header__fields{
		background-color:#E7E7E4!important;
	}
	.account__header__fields .verified{
		background:#c8e7fc!important;
		border:1px solid  #0972ba75 !important;
	}
	.account__header__bio .account__header__fields .verified dd,.account__header__bio .account__header__fields .verified dt,.verified__mark{
		color:#0972ba!important;;
	}
	/* icons*/
	.notification__message .fa{
		color:#F68D45 !important;
	}
	#logo-symbol-wordmark path:first-child{
		fill:#F68D45 !important;
	}
	.column-header.active .column-header__icon{
		color:#F68D45 !important;
		text-shadow: 0 0 10px #b468333d;
	}
	
	.column-header__wrapper.active::before {
		background: radial-gradient(ellipse,#b468333d 0,rgba(99,100,255,0) 60%)!important;
	}
	.trends__item__sparkline path:first-child{
		fill:#f68d455c !important;
	}
	.trends__item__sparkline path:last-child{
		stroke:#F68D45 !important;
	}
	
	/* cards*/
	.scrollable .account-card{
		background:white !important;
		border-color:#C2C1BF !important;
		padding: 10px;
		border-width：1px;
		box-shadow: 1px 1px 2px 1px #b468333d;
	}
}