Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*META{"name":"Discord Light-Blue","description":"Supports all resolutions, light theme combined with shades of blue","author":"den","version":"1.0"}*/
- .guild-header header{
- background: #2c3e50;
- }
- .channel-notices .channel-notice.invite{
- background-color: #2c3e50;
- }
- .channel-notices .channel-notice .message .btn{
- background-color: #2c3e50;
- border: 1px solid black;
- border-radius: 5px;
- }
- .guild-channels{
- background: #2c3e50;
- }
- .account{
- background: #2c3e50;
- }
- .account .btn {
- background: #2c3e50;
- }
- #voice-connection{
- background-color:#722;
- }
- #voice-connection .btn{
- background-color:#722;
- }
- .primary-2giqSn
- {
- color:black;
- }
- /*.guilds-wrapper{
- background:#eee;
- }*/
- .guilds-wrapper .guilds{
- padding-left:0;
- }
- .guilds-wrapper .guilds .guild{
- padding-left: 15px;
- /*padding-top: 5px;
- padding-bottom: 5px;*/
- /*padding-right: 5px;*/
- /*border-radius: 5px; */
- }
- .guilds-wrapper .guilds .friends-online{
- /*color:#333;*/
- padding-left: 15px;
- }
- .guilds-wrapper .guild-separator{
- padding-left: 15px;
- }
- .guilds-wrapper .guilds .guild.guilds-add
- {
- padding-left: 0px;
- margin-left: 15px;
- }
- .guilds-wrapper .guilds .btn-download-apps{
- margin-left: 0;
- }
- .guilds-wrapper .guilds .guild.unread:before
- {
- background: #2980b9;
- opacity:1.0;
- z-index: 9999;
- left:-5px;
- }
- .guilds-wrapper .guilds .guild.selected{
- background:#2980b9;
- opacity:1.0;
- }
- .guilds-wrapper .guilds .guild.active{
- background:#2980b9;
- opacity:1.0;
- }
- .guilds-wrapper .guilds .guild.active:before{
- content:none;
- }
- .guilds-wrapper .guilds .guild.selected:before{
- content:none;
- }
- .embed .embed-provider{
- text-shadow: 0px 0px black;
- }
- .embed .embed-title{
- text-shadow: 0px 0px black;
- }
- .embed .embed-fields .embed-field .embed-field-value {
- color: rgba(50,100,210,1);
- }
- /*
- this is for typing
- */
- .theme-light .typing-3eiiL_{
- background: rgba(50,60,70,1);
- }
- /*.textAreaEnabled-2vOfh8, .textAreaEnabledNoAttach-1zE_2h {
- background: rgba(50,60,70,.67);
- padding: 12px 38px 10px 0;
- }*/
- .flex-1xMQg5 .flex-101GKY .horizontal-1ae9ci .horizontal-2EEEnY .directionRow-3v3tfG {
- background: rgba(50,60,70,.67);
- padding: 12px 38px 10px 0;
- }
- .horizontal-2BEEBe {
- background: rgba(50,60,70, .67);
- }
- .theme-light .ui-quick-select {
- color: rgba(255,255,255,1);
- }
- .guild-settings-audit-logs-user-filter-popout .user-text {
- color: rgba(255,255,255,1);
- }
- .horizontal-2BEEBe>.flex-lFgbSz:last-child, .horizontal-2BEEBe>.flexChild-1KGW5q:last-child {
- color: rgba(255,255,255,1);
- }
- .theme-light .textArea-20yzAH {
- color: #000000;
- }
- .textArea-20yzAH {
- margin:0px;
- }
- input, textarea {
- font-family: Helvetica;
- font-size: 14px !important;
- font-weight: 500 !important;
- letter-spacing: 0px !important;
- }
- .textArea placeholder{
- color: #000000 !important;
- }
- .attachButtonPlus-2l1NEU {
- opacity: .8;
- }
- /*
- This is for the pop-up thing.
- */
- .roleCircle-3-vPZq {
- opacity: .1;
- }
- .theme-light .connectedAccountName-3EFj01 {
- color: #FFFFFF;
- }
- .roleCircle-3-vPZq:hover {
- opacity: 1;
- }
- .theme-light .headerTop-27AvhA{
- background-color: #202225;
- }
- .theme-light .headerNormal-1cioxU .headerName-2N8Pdz, .theme-light .headerNormal-1cioxU .headerTagUsernameNoNickname-1gGsAP {
- color: #ffffff;
- }
- .theme-light .body-3ljq11, .theme-light .footer-2wFs91 {
- background-color: #2f3136;
- }
- .role-3rahR_ {
- border-radius: 0px;
- border-color: rgba(251, 57, 70, 1) !important;
- background-color: rgba(251, 113, 140, 0.1);
- }
- .roleName-DUQZ9m {
- color: rgba(251, 57, 70, 1) !important;
- opacity: 1 !important;
- }
- .theme-light .ui-standard-sidebar-view .content-region {
- background: #2f3136;
- }
- .theme-light .ui-standard-sidebar-view .sidebar-region {
- background: #202225;
- }
- .theme-light .headerClickable-1jGUp8, .theme-light .headerDefault-1ajMkj {
- background-color: hsla(240,6%,97%,.8);
- }
- .theme-light .changeDetails-zbf-61 {
- background-color: hsla(240,6%,97%,.8);
- }
- .typeUpdate-3ruwBv {
- color: rgba(150,100,0,1);
- }
- /*Menial shit.*/
- .reaction{
- background: rgba(250, 250, 250, 1);
- }
- .reaction.reaction-me {
- background: rgba(173, 183, 220, .8);
- }
- /*
- And now back to your regularly scheduled code.
- */
- .message-group a {
- text-shadow: 0px 0px black;
- }
- .message-group {
- border-bottom: 0px;
- }
- .message-group h2 strong {
- color: rgba(150,150,200,1);
- }
- .chat .message-group a {
- color: rgba(0,100,150,1) !important;
- }
- .system-message {
- color:rgba(255,150,150,1);
- }
- .theme-light .title-qAcLxz {
- background: rgba(210,210,210,1);
- }
- .chat .content{
- background: rgba(50,60,70,1);
- }
- .chat>.title-wrap{
- background:#2980b9;
- color: #fff;
- border-bottom: 2px solid #2c3e50;
- }
- .chat>.title-wrap>.title .channel-name {
- color: #fff;
- }
- .chat>.title-wrap>.title .channel-name:before
- {
- color:#ccc;
- }
- /*Editable channel name*/
- .chat>.title-wrap>.title.channel-group-dm .channel-name .input-autosize-inner .input-autosize-input{
- color:#fff;
- }
- .chat>.title-wrap>.title.channel-group-dm .channel-name:hover .input-autosize-inner .input-autosize-input{
- color:#4f545c;
- }
- .channel-members{
- background: #2c3e50;
- }
- .members-1bid1J, .membersGroup-3_dP5E{
- background: #2c3e50;
- }
- /*.message-group .comment{
- border-radius: 10px;
- background: #fff;
- width: auto;
- padding: 10px;
- }
- .message-group .comment{
- position: relative;
- }*/
- .message-group .comment:before {
- position: absolute;
- width: 0;
- height: 0;
- left: -20px;
- top: 0px;
- /*content: "";*/
- border: 25px solid;
- border-color: #fff #fff transparent transparent;
- z-index: -1;
- }
- .message-group .comment .markup{
- color: #000;
- font-family: Helvetica;
- font-size: 14px;
- }
- .message-group .comment .user-name
- {
- font-weight: bolder;
- }
- .guild-channels-wrapper {
- background: #2c3e50;
- }
- .channels-wrap .private-channels{
- background: #fff;
- }
- .channels-wrap .private-channels .search-bar{
- background: #fff;
- box-shadow: none;
- -webkit-box-shadow:none;
- }
- .search-bar-icon .icon.visible{
- opacity: .6;
- }
- .channels-wrap .private-channels .channel .channel-name
- {
- color:black;
- opacity: 1.0;
- font-weight: 600;
- }
- .channels-wrap .private-channels .channel.selected .channel-name
- {
- color:white;
- }
- .private-channels .channel .channel-activity{
- color:#ccc;
- }
- .channel.btn-friends.selected{
- background:#2980b9;
- }
- .channel-name{
- opacity:1.0;
- }
- .guild-channels .channel.selected{
- background:#2980b9;
- }
- .channel.selected.private{
- background:#2980b9;
- }
- .channels-wrap .private-channels .channel.selected:hover
- {
- background-color:#2980b9;
- }
- .channels-wrap .private-channels .channel:hover
- {
- background:#eee;
- }
- .channel-textarea-inner textarea{
- color:#000;
- }
- /*META{"name":"Chat_Text_Bubbles_Minified","description":"Stylize your clients chat messages to look like mobile text messages with text bubbles! minified: less padding around content","author":"maple","version":"1.15"}*{}*/
- /* bubbles */
- .chat .message-group:not(.compact) .markup:not(:empty), .chat .accessory :-webkit-any(.embed, .embed-wrapper, .attachment-image, .attachment)
- {
- background: rgba(32,37,45,.4);
- position: relative;
- width: auto;
- min-width: 5px;
- min-height: 16px;
- max-width: 76%;
- padding: 4px !important;
- margin-bottom: 4px;
- border-radius: 4px;
- }
- .chat .message-group .comment .attachment {margin: 0 0 5px;}
- .chat .message-group {padding:10px 0 5px;}
- .chat .message-group ~ div:last-child {margin-bottom:15px}
- .chat .accessory :-webkit-any(.embed, .attachment-image, canvas) {max-width: 100%;}
- .chat .comment {display: flex; flex-direction: column; margin-top: -10px;}
- .chat .message-group .mentioned .message-text {background:transparent !important;}
- .chat .message-group .mentioned .message-text:after {border-left: 0; background:transparent;}
- .chat .markup, .chat .accessory {margin-left: 8px;}
- .chat .reactions {margin-top: -2px; margin-bottom: 4px;}
- .chat .message:not(.first) {margin-top: -6px !important}
- .chat .embed-wrapper {margin-top: 0;}
- .chat .embed.embed-inline {margin: 0 0 4px !important;}
- .chat .embed .embed-thumbnail iframe {min-width: 346px; min-height: 260px}
- .chat .markup .inline, .chat .markup .highlight {line-height: 24px;}
- .chat .markup {padding-top: 4px !important;}
- .chat .message-group .comment .edited {display: table; margin-left: 0; margin-top: 2px;}
- .chat .message-group a {color: #46bae8;}
- .chat .edit-container-outer .avatar-large {opacity:0;}
- .chat .message-group .comment .attachment-image a {margin: 0;}
- .chat .message-group .comment .markup:empty {padding:0;min-width: 0px; top:20px;}
- .chat .markup pre {max-width: 99% !important; margin:2px; overflow: hidden;}
- .chat .message-group .comment .markup pre code {word-break: break-all; width: calc(100% - 8px);}
- .chat .message-group .embed {background-color: rgba(32,37,45,.4) !important;}
- .chat .message-text :-webkit-any(.btn-option, .btn-reaction){margin-top: 10px;}
- .chat .message-text div {order: 2;}
- .chat .message-text .markup {order:1;}
- .chat .message .message-text {display: flex; width: auto;}
- .chat .message .image, .chat .embed .embed-thumbnail-gifv video {max-width: 100%; height: auto;}
- .chat .message-group .comment .message.first {margin-top: 10px}
- .chat .message-group:not(.compact) .message.first .markup:before {content:''; display: block; position: absolute; width: 8px; height: 12px; top: 4px; left: -8px; background:linear-gradient(40deg, transparent 43%, rgba(32,37,45,.43) 43%);}
- .chat .message-group:not(.compact) .message.mentioned.first .markup:before, .chat .message-group.compact .message.mentioned.first .message-content:before {background:linear-gradient(40deg, transparent 43%, rgba(51, 234, 89,.45) 43%);}
- .chat .message-group:not(.compact) .message.mentioned .markup, .message-group.compact .message.mentioned .message-content {background-color:rgba(51, 234, 89,.45) !important; text-shadow: 0 0 3px rgba(0,0,0,.2);}
- .app:not(.theme-light) .chat .message-group:not(.compact) .message.mentioned .markup .mention:not(:hover) {color: #acbeff; background-color: rgba(175,209,215,.07) !important;}
- .app:not(.theme-light) .chat .message-group:not(.compact) .message.mentioned .markup .mention:hover {color: #fff;}
- .chat .message-group .comment .markup code.inline, .chat .message-group .comment .markup pre code {background: rgba(20,20,20,.18) !important;}
- .chat .message .mention {border-radius: 2px;}
- .system-message {margin-top: 14px;}
- .system-message .system-message-icon, .system-message .system-message-content {margin-top: -2px;}
- /* compact */
- .chat .message-group.compact {margin-left:10px;}
- .chat .message-group.compact .message .message-text{margin-left: -20px;}
- .chat .message-group.compact .message.first .message-content:before {content:''; display: block; position: absolute; width: 8px; height: 12px; top: 4px; left: -8px; background:linear-gradient(40deg, transparent 43%, rgba(32,37,45,.43) 43%);}
- .chat .message-group.compact .accessory :-webkit-any(.embed-wrapper, .embed.embed-inline, .attachment-image, .invite-button, .reactions) {margin-left: 12px !important;}
- .chat .message-group.compact .message .message-text .markup {text-indent: 0px; padding-left: 0px; margin-left: 0px; width: 100%; display: flex; margin-left: 12px; margin-top: 0;}
- .chat .message-group.compact .message .message-text .markup .timestamp {color: transparent; margin-right: -116px; margin-left: 46px; margin-top: -7px;}
- .chat .message-group.compact .message .message-text .markup .username-wrapper {width: 106px; display: flex; flex-flow: column; margin-right: 6px; margin-left: 4px; padding: 4px 6px 0; margin-top: -4px; align-items: flex-end;}
- .chat .message-group.compact .message .message-text .markup .bot-tag {order: 3; display: table; margin-top: 4px; margin-right: 4px;}
- .chat .message-group.compact .message .message-text .markup .user-name {order: 1; margin-top: -8px; word-break: break-word; text-align: right;}
- .chat .message-group.compact .message .message-text .markup .renamer-tag {order: 2; margin-left: 0px; margin-right: 4px; margin-top: 4px; display: table;}
- .chat .message-group.compact .message .message-text .markup span:last-of-type {margin-bottom: 4px;}
- .chat .message-group.compact .message .message-text .markup .message-content:not(:empty), .message-group.compact .message-content ~ .CollapsibleEmbeds-processed {background: rgba(32,37,45,.4); position: relative; width: auto; min-width: 5px; min-height: 16px; max-width: 65%; padding: 4px !important; margin-bottom: 4px; border-radius: 4px; display: table; word-break: break-word; margin-top: 8px;}
- .chat .message-group.compact .emoji {vertical-align: baseline;}
- .chat .message-group.compact .system-message {margin-top: 24px;}
- .chat .message-group.compact .comment .attachment {margin-left: 12px}
- /* light theme */
- .theme-light .chat .message-group:not(.compact) .markup, .theme-light .chat .message-group.compact .message .message-content, .theme-light .chat .accessory :-webkit-any(.embed, .embed-wrapper, .attachment-image) {background: rgba(205,205,205,.4) !important;}
- .theme-light .chat .message-group .embed {background-color: rgba(202,207,215,.4) !important;}
- .theme-light .chat .message-group:not(.compact) .message.first .markup:before, .theme-light .chat .message-group.compact .message.first .message-content:before {background:linear-gradient(40deg, transparent 43%, rgba(205,205,205,.4) 43%) !important;}
- .theme-light .chat .message-group:not(.compact) .message.mentioned.first .markup:before, .theme-light .chat .message-group.compact .message.mentioned.first .message-content:before {background:linear-gradient(40deg, transparent 43%, rgba(251, 194, 89,.45) 43%) !important;}
- .theme-light .chat .message-group:not(.compact) .message.mentioned .markup, .theme-light .chat .message-group.compact .message.mentioned .message-content {background-color:rgba(251, 194, 89,.45) !important; text-shadow: 0 0 3px transparent;}
- .theme-light .chat .message .mention:not(:hover) { background: rgba(241, 243, 251,.5); border-radius: 2px;}
- .theme-light .chat .message .mention:hover {color: #fff;}
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement