Theme101

OperaForDiscord.css

/*
Theme Owned and Made by VaporousCreeper#9514
  
Background Img: https://cdn.discordapp.com/attachments/493901716605894676/641859580007153664/Opera.jpg 
Transparency2 Module: https://raw.githack.com/Ruben7173/Ruben7173.github.io/master/BetterDiscord-Themes/Modules/transparency2.css - By Ruben7173#5048

The 2 items above are not owned by me, They go to there respected owners
*/

:root{
    --background: url('https://images.alphacoders.com/632/632525.png');

    --transparency-1: linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.55));
	--transparency-2: linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.55));
	--transparency-3: linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.55));
	--transparency-4: linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.55));
    --transparency-5: linear-gradient(to right, rgba(0,0,0,0.55), rgba(0,0,0,0.55));
}


/*Background Img*/
#app-mount {background-image: var(--background)!important; background-position: center!important; background-size: cover!important; background-color: transparent!important;}

/*Home*/
.tabBar-1E2ExX .primarySelected-3uHKZn {color: red!important;}
.topPill-30KHOu .selected-3s45Ha {background-color: red!important; color: white!important;}

.root-1BQpZw {background-image: var(--transparency-1)!important; background-color: transparent!important;}
.container-1r6BKw {background: transparent!important;}

.friendsActionRemove-qu8nnl {background-color: red!important;}
.friendsActionVoiceCall-3EdPsR {background-color: rgb(114,137,218)!important;}
.friendsActionVideoCall-2_PKeP {background-color: rgb(29,185,84)!important;}

.stickyHeader-1pqx0j , .headerBar-UHpsPw {background-color: transparent!important;}
.minimum-1pRSEN {background-color: rgba(0,0,0,0.2)!important;}
.iconsWrapper-1RelE3 {background-color: rgba(25,25,25,0.5)!important; border-color: transparent!important;}

.body-1BpgWG {background-color: transparent!important;}
.body-1BpgWG .section-2VKIPC {background-color: rgba(100,100,100,0.3)!important}

.popoutContainer-3WC9HR:hover , .popoutContainer-3WC9HR .popout-3G62UL {background-color: rgba(20,20,20,0.7)!important}

.activityFeed-1C0EmJ {background-image: var(--transparency-1)!important; background-color: transparent!important;}
.container-35JN_A , .wrapper-3UweLa , .recentlyPlayedContainer-2F3MqS , .outer-2IVh5n { background-color: rgba(100,100,100,0.3)!important}

/*Servers*/
.theme-dark .acronym-2mOFsV {background-color: rgba(100,100,100,0.2);}
.wrapper-1BJsBx {background-color: transparent!important}

.theme-dark .acronym-2mOFsV:hover {background-color: rgba(100,0,0,0.3)!important;}

.folder .wrapper-1BJsBx {background-color: rgba(100,100,100,0.2)!important; transition: background-color .15s ease-out;}
.folder .wrapper-1BJsBx:hover {background-color: rgba(100,0,0,0.3)!important;}

.expandedFolderBackground-2sPsd- {background-color: rgba(100,100,100,0.2)!important;}
.expandedFolderBackground-2sPsd-.collapsed-1GMuSb {background-color: transparent!important; transition: background-color .15s ease-out;}
.folder-21wGz3 {background-color: transparent!important;}

.theme-dark .acronym-2mOFsV.selected-bZ3Lue {background-color: rgba(100,100,100,0.3)!important}
.wrapper-1BJsBx.selected-wSa2KV {background-color: rgba(100,100,100,0.3)!important}

.numberBadge-2s8kKX {background-color: red!important}

.pill-31IEus .item-2hkk8m {background-color: rgba(100,100,100,0.7)}

 #bd-pub-li .wrapper-25eVIn {background-color: rgba(100,100,100,0.3)}

.circleIconButton-jET_ig {background-color: rgba(100,100,100,0.3)!important; color: white;}
.circleIconButton-jET_ig:hover {background-color: rgba(100,0,0,0.3)!important;}

/*Channels*/
.containerDefault-3GGEv_ {background-color: rgba(100,0,0,0.5); height: 30px; text-align: center; border-radius: 10px; padding: 5px 5px 0 5px;}

.container-3baos1 , .container-1giJp5 {background-image: var(--transparency-1)!important; background-color: rgba(0,0,0,0)!important; margin-bottom: 0;}
.panels-j1Uci_ {background-color: transparent;}

	/*Text*/
	.content-3at_AU {margin: 0; width: 200px; transition: width 0.2s; transition-timing-function: ease-in-out; background-color: rgba(50,50,50,0.15)}
	.content-3at_AU:hover {width: 100%; background-color: rgba(50,50,50,0.3)!important}
	.selected-37j_iU .content-3at_AU {margin: 0; width: 100%; background-color: rgba(50,50,50,0.6)!important;}
	.wrapper-2NJDcI {background-color: rgba(50,50,50,0.3)}

	/*Voice*/
	.containerDefault-1ZnADq .modeConnected-2IEL4z div.content-3at_AU {width: 100%; background-color: rgba(50,50,50,0.6)!important;}
	.containerDefault-1ZnADq .modeLocked-SZJhTy div.content-3at_AU,
	.containerDefault-1ZnADq .modeMuted-3osy7j div.content-3at_AU {background-color: rgba(100,0,0,0.2)!important;}

	.list-2bwCXU { padding-left: 10px; }

		/*VC Info*/
		.container-1UB9sr {background-color: rgba(0,0,0,0.55)!important; border: 0;}
		.buttonDisconnect-3W_SJc {background-color: rgba(100,0,0,0.9)!important;}

		/*VC User*/
		.avatarSpeaking-3MqCHLt {box-shadow:0 0 0 2px red; }

		.voiceUser-14U_Ns {transition: margin 0.2s; transition-timing-function: ease-in-out; margin-left: 0; padding-right: 5px}
		.voiceUser-14U_Ns:hover {background-color: rgba(50,50,50,0.3)!important; border-radius: 2px; margin-left: 20px;}

		.voiceUser-14U_Ns .content-3xS9Lh:hover {background-color: transparent!important;}

/*Messages*/
.h1-1IDj26 {color: red!important;}
.hasMore-3e72_v button {background-color: rgba(50,50,50,0.5)!important; color: red;}
.wrapperHover-1GktnT , .mention {background-color: rgba(150,0,0,0.2)!important; color: red!important;}
.isMentionedCozy-3isp7y {background-color: rgba(150,0,0,0.3)!important;}
.isMentionedCozy-3isp7y:after {background: red; border-left: 4px solid red; width: 1px;}
code , pre {background-color: rgba(50,50,50,0.3)!important}

.messageGroupBlocked-3wrQQX {background-color: rgba(50,50,50,0.5)!important;}
.messageGroupBlockedBtn-1PBBh- {background-color: transparent!important; color: red!important;}

.noticeRegion-1YviSH {margin: auto;}
.lookLink-9FtZy- , .anchor-3Z-8Bb , .bda-link {color: red!important;}
.embedProviderLink-2Pq1Uw {color: rgb(150,150,150)!important;}

.unreadMentionsBar-1VrBNe {background-color: red;}
.selected-ML3OIq:before {background-color: rgb(100,100,100)!important; border-radius: 0!important;}
.unread-qLkInr:before {background-color: rgb(150,0,0)!important; border-radius: 0!important;}

.channelTextArea-1LDbYG .inner-zqa7da , .autocomplete-1vrmpx, .attachPopout-1n-ZKM {background-color: rgba(50,50,50,0.5)!important;}

.newMessagesBar-mujexs {background-color: red} 
.newMessagesBar-mujexs:hover {background-color: rgb(255,50,50)}
.newMessagesBar-mujexs:active {background-color: rgb(255,100,100)}


/*ScrollBars*/
::-webkit-scrollbar-thumb {background-color: rgba(150,0,0,0.6)!important; border-color: transparent!important;}
.messagesWrapper-3lZDfY ::-webkit-scrollbar-track-piece , .friendsTable-133bsv ::-webkit-scrollbar-track-piece , .gameLibrary-TTDw4Y ::-webkit-scrollbar-track-piece {background-color: transparent!important; border-color: transparent!important;}
.messagesWrapper-3lZDfY ::-webkit-scrollbar-track , .friendsTable-133bsv ::-webkit-scrollbar-track , .gameLibrary-TTDw4Y ::-webkit-scrollbar-track {background-color: rgba(150,0,0,0.4)!important; border-radius: 10px; border-color: rgba(150,0,0,0.4)!important}

.applicationStore-1pNvnv ::-webkit-scrollbar-track , .activityFeed-28jde9 ::-webkit-scrollbar-track {background-color: transparent!important;}

/*Context Menu*/
.menu-Sp6bN1 , .contextMenu-HLZMGh {background-color: rgba(10,10,10,0.6)!important}
.item-1GzJrl:hover , .item-1Yvehc:hover {background-color: rgba(30,30,30,0.7)!important}
.separator-2zcjq8 {background-color: rgb(100,0,0)}
.danger-2dXSTE:hover {background-color: rgba(100,0,0,0.6)!important}
input[type=checkbox]:checked+span,.checkbox-1ix_J3{border-color:red!important;background-color:red!important}

/*Server Menu*/
.leave-1DRJfn:hover {background-color: rgba(100,0,0,0.5)!important;}
.invite-271nFU:hover {background-color: rgba(114,137,218,0.5)!important;}

/*Server Members*/
.membersGroup-v9BXpm {background-color: rgba(0,0,0,0.5); margin: 20px 8px 0 16px; padding: 0; height: 20px; text-align: center; border-radius: 10px; color: red!important;}
.member-3W1lQa , .channel-2QD9_O a {margin-left: 0px; border-radius: 50px 0 0 50px!important; transition: margin 0.2s; transition-timing-function: ease-in-out;}
.member-3W1lQa:hover , .channel-2QD9_O a:hover {background-color: rgba(50,50,50,0.6)!important; margin-left: 15px}
.popout-open.member-3W1lQa {background-color: rgba(100,100,100,0.6)!important; margin-left: 15px}

/*Inputs*/
.lookFilled-1Gx00P, .valueChecked-m-4IJZ, .bd-pfbtn, .checked, .bda-settings-button , .addButton-pcyyf6 , .tabBar-1E2ExX .primary-3j8BhM , .da-selected[style*="rgb(114, 137, 218)"] {background-color: red!important;}
.barFill-23-gu- , .itemSelected-1qLhcL.da-role {background-color: red}
.inputDefault-_djjkz:focus , .focused-1mmYsC {border-color: red!important}
.questionMark-CWEQZn {background-color: red!important; margin-bottom: 4px}

.item-26Dhrx .checkboxWrapper-SkhIWG .checked-3_4uQ9 {background-color: white!important; border-color: transparent!important;}

.search-bar , .searchBar-2_Yu-C {background-color: rgba(50,50,50,0.6)!important;}

.item-26Dhrx[style*="rgb(114, 137, 218)"] {background-color: red!important; border-color: red!important;} 
.checked-3_4uQ9 {border-color: transparent!important;}
polyline[stroke='#7289da']{stroke:red}
.item-26Dhrx[style*="rgb(114, 137, 218)"] label .checkbox-1ix_J3 {background-color: white!important; border-color: transparent!important;}
.checkbox-1ix_J3 {background-color: transparent!important; border: 2px solid; border-color: rgba(50,50,50,0.5)!important;}

.wrapper-3jrx9n {border-color: red!important;}
.option-n0icdO:hover {background-color: rgba(150,0,0,0.8);}
.selected-mKYnfr {background-color: red!important;}
.da-disabled {background-color: transparent!important;}

/*Settings*/
.sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ, .ui-tab-bar-item {line-height:15px!important; background-color: rgba(150,150,150,0.07); width: 100%; transition: width 0.2s; transition-timing-function: ease-in-out;}
.sidebar-CFHs9e .side-8zPYf6 .item-PXvHYJ:hover, .ui-tab-bar-item:hover {background-color: rgba(150,150,150,0.2)!important; width:187px;}
.sidebar-CFHs9e .side-8zPYf6 .selected-3s45Ha, .ui-tab-bar-item.selected {line-height:15px!important; background-color: rgba(150,150,150,0.4)!important; width:187px;}
.sidebar-CFHs9e .side-8zPYf6 .header-2RyJ0Y, .ui-tab-bar-header {background-color: rgba(150,0,0,0.5); border-radius: 3px; line-height:28px!important; padding:0 0 0 10px!important}
.ui-tab-bar-item {margin-bottom: 2px!important}

.sidebar-CFHs9e {padding: 20px 18px 20px 23px ;width: 210px }
.sidebarRegion-VFTUkN {flex: 0}
.contentColumn-2hrIYH {max-width: 90%;padding: 60px 30px 80px}

.codeRedemptionRedirect-1wVR4b {background-color: rgba(150,150,150,0.1)!important;}

.game-1ipmAa:before , .emojiRow-zIc7ZX:before , .member-1q7VfX:before , .inviteSettingsInviteRow-3p2O-N:before , .guild-settings-banned-user:before , .bannedUser-1IalTM:before {background-color: rgba(50,50,50,0.5)!important}
.searchBar-1MOL6S {background-color: rgba(50,50,50,0.5)!important}

.video-34IsHk {width: 660px; margin: auto; margin-bottom: 15px}
.section-2YzZxo  {width: 660px; margin: auto}
.sectionTier1-2w9cqh {width: 660px; margin: auto; margin-top: 15px}

.content-1rPSz4 {padding-top: 20px!important;} 

a[target="_blank"] {color: red;}

.foreground-2aE44H {stroke: red;}
.previewOverlay-2O7_KC , .formNotice-2_hHWR {background-color: rgba(50,50,50,0.5)!important}
.media-engine-video {background: transparent!important;}
.avatarUploaderInner-3UNxY3 {background-color:red!important;}

	/*CustomCSS*/
	.ace_editor {background-color: rgba(0,0,0,0.2)!important}
	.ace_gutter , #bd-customcss-attach-controls {background-color: rgba(0,0,0,0.5)!important}

	.ace_active-line {background-color: rgba(100,0,0,0.4) !important}
	.ace_gutter-active-line {background-color: rgba(100,0,0,0.7)!important}

	#bd-customcss-attach-controls {padding-left: 9px}
	.checkbox-3kaeSU {padding-left: 1px}
	#bd-customcss-detach-controls-button button {border: 0!important; border-radius: 10px!important; margin-right: 5px!important; transition: 0.1s background-color ease-in-out}
	#bd-customcss-detach-controls-button button:hover {background-color: rgb(100,100,100)!important}
	#bd-customcss-detach-controls-button button:active {background-color: red!important}

	#bd-customcss-detach-container {background-color: rgba(0,0,0,0.7)}
	#editor-detached button {background-color: red!important}

/*ChangeLog And Other Popups*/
.modal-yWgWj- , .bd-modal-inner , .messagesPopoutWrap-1MQ1bW , .messageGroupWrapper-o-Zw7G , .container-3ayLPN , .searchResultsWrap-2DKFzt , .quickswitcher-3JagVE , 
.react-datepicker , .popoutList-T9CKZQ , .bd-modal-body , .root-1gCeng {background-color: rgba(25,25,25,0.5)!important; border-radius: 10px!important;}
.footer-3rDWdC , .footer-3mqk7D  {background-color: rgba(0,0,0,0.5)!important; border-radius: 0 0 10px 10px;}
.header-1R_AjF , .react-datepicker__header {background-color: transparent!important;}

.input-2VB9rf {background-color: rgba(50,50,50,0.5)!important}

.bodyTitle-Y0qMQz {background-color: rgba(0,0,0,0.5); padding: 3px; text-align: center; border-radius: 10px; color: white;}

.body-3iLsc4 , .footer-1fjuF6 {background-color: rgba(30,30,30,0.5)!important}
.userPopout-3XzG_A {border-radius: 10px}

	/*User Popup*/
	.headerNormal-T_seeN , .topSectionNormal-2-vo2m , .body-3ND3kc , .quickMessage-2XpSaN {background-color: rgba(30,30,30,0.5)!important}
	.headerPlaying-j0WQBV , .topSectionPlaying-1J5E4n {background-color: rgba(114,137,218,0.5);}
	.headerSpotify-zpWxgT , .topSectionSpotify-1lI0-P {background-color: rgba(29,185,84,0.5)}
	.headerStreaming-2FjmGz , .topSectionStreaming-1Tpf5X {background-color: rgba(89,54,149,0.5)}

	.activityName-1IaRLn {color: white!important;}
	
	/*Upload Popup*/
	.uploadModal-2ifh8j , .bgScale-1otPtc {background-color: rgba(50,50,50,0.5)!important}
	.inner-3nWsbo {border-color: transparent!important;}
	button.lookFilled-1Gx00P[type=submit] {color: white!important;}
	.uploadModal-2ifh8j .footer-3mqk7D .button {height: 39px; margin-right: 5px; background-color: rgba(100,100,100,0.5)}
	.inner-zqa7da {background-color: rgba(100,100,100,0.5)!important}
	.image-2yrs5j {border-color: red!important;}

	.instructions-2Du9gG pre {background-color: transparent!important;}
	.uploadDropModal-2kTwbc.error-kKl9o2 {background-color: rgba(240, 71, 71,0.5)!important;}

	/*Search Popup*/
	.searchHeader-1l-wpR , .header-ykumBX {background-color: rgba(50,50,50,0.5)!important; border-radius: 10px 10px 0 0!important;}
	.option-96V44q.selected-rZcOL- , .message-2qRu38 , .dockItem-2kQDqg:hover , .card-7JP0BX , .hit-NLlWXA {background-color: rgba(100,100,100,0.5)!important; border-radius: 10px;}
	.channelName-1QajIf {background-color: transparent!important;}
	.searchResult-3pzFAB {border: 2px solid rgb(40,40,40); border-radius: 10px; background-color: rgba(50,50,50,0.5)}
	.searchResult-3pzFAB:before {border-radius: 10px;}
	.option-96V44q:after {background-image: none!important;}

	.react-datepicker__day:hover {background-color: red!important}
	.react-datepicker__day--disabled , .react-datepicker__day--outside-month {background-color: rgba(10,10,10,0.5)!important}
	.react-datepicker__day--disabled:hover , .react-datepicker__day--outside-month:hover {background-color: rgba(255,0,0,0.5)!important}
	.react-datepicker__day--selected::after {background-color: red!important}
	.hintValue-29ny8Z {background-color: red!important}

	/*Join & Create Server Popup*/
	.animator-US5i9g .modal-3HD5ck {background-color: transparent!important}
	.animator-US5i9g {border-radius: 10px; background-color: rgba(25,25,25,0.5)!important}
	.action-1lSjCi {background-color: white!important;}

	.animator-US5i9g input:focus {border-color: #43b581!important;}
	.sampleLink-KPFu3I {color: #43b581!important;}

	input[placeholder="Enter a server name"]:focus {border-color: rgb(114, 137, 218)!important;}
	a[href="//discordapp.com/guidelines"] {color: rgb(114, 137, 218)!important;}

	/*Emoji Picker Popup*/
	.emojiPicker-3m1S-j , #bda-qem , #bda-qem-twitch-container , #bda-qem-favourite-container {background-color: rgba(0,0,0,0.5)!important; border: 0;}
	.header-1nkwgG {background-color: rgba(0,0,0,0.5)!important;}
	.searchBarInner-1_Tg2R {background-color: rgba(50,50,50,0.5)!important}
	.header-1nkwgG .searchBar-2_Yu-C {background-color: transparent!important;}
	.header-1nkwgG .searchBarInner-1_Tg2R input {color: white!important;}
	::-webkit-input-placeholder {color: rgba(255,255,255,0.5)!important;}
	.stickyHeader-1SS0JU {background-color: rgba(0,0,0,0.5)!important; border-radius: 0 0 10px 10px}
	.categories-1feg4n .selected-39BZ4S {border-color: red!important}
	.emojiPicker-3m1S-j ::-webkit-scrollbar-track {background-color: transparent!important;}

	#bda-qem button {color: white; box-shadow: 0 0 0 0!important; border: 0!important;}
	#bda-qem button:hover {background-color: rgba(100,100,100,0.5)!important;}
	#bda-qem button.active {background-color: rgba(150,150,150,0.5)!important;}

	/*BBD ContentErrors and Other BBD Modals*/
	.error-link {color: red;}
	.bd-modal-inner button {background-color: red!important}

/*TopBar*/
.typeWindows-1za-n7 , .notice-2FJMB4 {background-color: rgba(0,0,0,0.7); border-bottom: 2px solid rgb(100,0,0); height: 30px}
.typeWindows-1za-n7:after {
	content: "GGO Kirito v1.1.5 By VaporousCreeper";
	color: rgb(255,255,255,0.6);
	font-weight: 500;

	position: absolute;
	top: 8px;
	left: 43.2%;
}

.wordmark-2iDDfm {top: 3.3px;}
.winButton-iRh8-Z {top: 1px;}

/*Main Login*/
.splashBackground-1FRCko .image-2jyRAK , .splashBackground-1FRCko canvas {display: none;}
.splashBackground-1FRCko {background-image: none;}

.authBox-hW6HRx {background-color: rgba(25,25,25,0.7)!important; border-radius: 10px!important;}
.leftSplit-1qOwnR {width: 80%;}

.container-16j22k {
	padding-top: 30px!important; 
	top: -30px!important;

	background-image: var(--background); 
	background-position: center; 
	background-size: cover; 
}

/*Other*/
.selected-1HYmZZ a {background-color: rgba(150,150,150,0.4)!important; margin-left: 15px}
#app-mount .app-2rEoOp {background-color: transparent;}