Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- BACKGROUND
- */
- .app,
- .app .layers,
- .callout-backdrop {
- background:url(https://pbs.twimg.com/media/Cy7QLoKW8AUESsB.jpg:large) !important;
- background-size:cover !important;
- }
- .notice,
- #friends {
- background: rgba(41,0,56,0.8) !important;
- color:rgba(120,156,0,1) !important;
- }
- .links,
- .chat,
- .typing,
- .content,
- .guild-channels,
- .private-channels,
- .guild-header header,
- .divider-red span,
- .messages-wrapper,
- #voice-connection{
- background: transparent !important;
- }
- .guilds-wrapper,
- .channels-wrap,
- .content .flex-spacer,
- .channel-members {
- background:rgba(41,0,56,0.8) !important
- }
- input {
- background: none !important;
- color: rgba(120,156,0,1) !important;
- }
- /*
- SCROLLS
- */
- .scroller-wrap .scroller::-webkit-scrollbar-thumb {
- border:2px solid transparent !important;
- background-color:rgba(41,0,56,0.8) !important;
- }
- .scroller-wrap .scroller::-webkit-scrollbar-track-piece {
- border:2px solid transparent !important;
- background-color:rgba(10,56,0,0.4) !important;
- }
- /*
- SERVER SETTINGS
- */
- /* REGION SETTINGS */
- .region-select-modal {
- background:rgba(41,0,56,0.8);
- }
- .region-select-modal .region-select-modal-header,
- .region-select-modal-footer {
- color:rgba(80,116,0,1) !important;
- }
- .region-select-modal .region-select-modal-option {
- background:rgba(10,56,0,0.6);
- border:2px solid rgba(10,56,0,0.8);
- }
- .region-select-modal .region-select-modal-option:hover {
- border-color: rgba(80,116,0,1) ;
- }
- .region-select-modal .region-select-modal-option .region-select-name {
- color:rgba(41,0,56,1);
- }
- /* POPUPS */
- /* popup boxes*/
- .markdown-modal,
- .form .form-inner,
- .form .form-header,
- .form .form-actions,
- .need-help-modal .footer,
- .markdown-modal .markdown-modal-footer {
- background:rgba(41,0,56,0.8) !important;
- }
- /* popup header */
- .form header {
- color:rgba(120,156,0,1);
- }
- /* some popoup titles */
- .modal-content .user-name {
- color:rgba(120,156,0,1);
- }
- /*
- CREATE/JOIN SERVER POPUP
- */
- /* background of the background */
- .create-guild-container {
- background:black !important;
- }
- /* text "or" */
- .create-guild-container .create-or-join .actions .or {
- color:rgba(10,56,0,1);
- background: rgba(41,0,56,0.8);
- z-index:1;
- }
- /* option box colour */
- .create-guild-container .action {
- background:rgba(10,56,0,0.6);
- z-index:2;
- }
- /* icons turn black */
- .create-guild-container .action.create .action-icon,
- .create-guild-container .action.join .action-icon {
- -webkit-filter:invert() hue-rotate(150deg);
- z-index:2;
- }
- /* option header */
- .create-guild-container h5,
- .create-guild-container header,
- .create-guild-container .action.create .action-header,
- .create-guild-container .action.join .action-header,
- .create-guild-container .action.create .action-body,
- .create-guild-container .action.join .action-body {
- color:rgba(120,156,0,1);
- z-index:2;
- }
- /* button */
- .create-guild-container .action.create .btn-primary,
- .create-guild-container .action.join .btn-primary {
- background-color:rgba(10,56,0,1) !important;
- color:rgba(41,0,56,1) ;
- z-index:2;
- }
- /* button hover */
- .create-guild-container .action.create:hover .btn-primary,
- .create-guild-container .action.join:hover .btn-primary {
- background-color:rgba(10,56,0,0.6) !important;
- z-index:2;
- }
- /*
- CREATE SERVER POPUP
- */
- /* back button */
- .create-guild-container .form-actions .btn-default {
- background: transparent;
- color: rgba(120,156,0,1) !important;
- border:0;
- }
- .create-guild-container .form-actions {
- border-top:1px solid rgba(10,56,0,0.6);
- }
- .create-guild-container .form-actions .btn-primary {
- background:rgba(10,56,0,0.6);
- color: rgba(120,156,0,1) !important;
- }
- /* sub text */
- .create-guild-container .form-inner p {
- color: rgba(120,156,0,1) !important;
- }
- .create-guild-container .form-inner label {
- color: rgba(120,156,0,1) !important;
- }
- /* region */
- /* full butto */
- .create-guild-container .create-guild .guild-form .region-select {
- background: rgba(10,56,0,0.6);
- }
- /* left button */
- .create-guild-container .create-guild .guild-form .region-select-inner {
- border:0;
- }
- .create-guild-container .create-guild .guild-form .region-select-inner .region-select-name {
- color: rgba(120,156,0,1);
- }
- /* right button */
- .create-guild-container .create-guild .guild-form .region-select button {
- color:rgba(120,156,0,1);
- border:0;
- }
- /* hover effect */
- .create-guild-container .create-guild .guild-form .region-select:hover button,
- .create-guild-container .create-guild .guild-form .region-select:hover .region-select-inner {
- background-color:rgba(10,56,0,0.6) ;
- }
- /* text box */
- .create-guild-container .create-guild .guild-form .control-group input {
- border-bottom: 1px solid rgba(120,156,0,1) !important;
- color:rgba(120,156,0,1) !important;
- }
- .create-guild-container .create-guild .guild-form .control-group input:focus {
- border-bottom: 2px solid rgba(120,156,0,1) !important;
- color:rgba(120,156,0,1) !important;
- }
- /* avatar circle */
- .avatar-uploader .avatar-uploader-inner {
- background-color: rgba(10,56,0,0.6) ;
- border-color: rgba(120,156,0,1);
- }
- .avatar-uploader-hint {
- color: rgba(120,156,0,1) !important;
- }
- .avatar-uploader small {
- color: rgba(120,156,0,1) !important;
- }
- /*
- SERVER LIST
- */
- /* button to create server */
- .guilds-add {
- opacity:0.5;
- background:rgba(41,0,56,0.8) !important;
- color:rgba(120,156,0,1)!important;
- border-color: rgba(120,156,0,1) !important;
- font-size:22px !important;
- font-size:30px;
- }
- .guilds-add:hover {
- opacity: 1;
- background:rgba(10,56,0,0.6) !important;
- }
- /* server icons */
- .guilds-wrapper .guilds {
- padding:18px 20px 85px 20px;
- }
- /* server separator */
- .guilds-wrapper .guild-separator {
- margin-top:5px;
- margin-bottom:5px;
- margin-left:-5px;
- display:none;
- }
- .guilds-wrapper .guild-separator:after {
- background:transparent;
- }
- /* default server colour */
- .guilds-wrapper .guilds .guild .guild-inner {
- background:rgba(41,0,56,0.8) !important;
- }
- .guilds-wrapper .guilds .guild .guild-inner:hover {
- background:rgba(10,56,0,0.6) !important;
- }
- .guilds-wrapper .guilds .guild.active:first-of-type .guild-inner {
- background:rgba(10,56,0,0.6) !important;
- }
- .guilds-wrapper .guilds .selected .guild-inner {
- background:rgba(10,56,0,0.6) !important;
- }
- /* server icon design */
- .guilds-wrapper .guilds .guild .guild-inner a,
- .guilds-wrapper .guilds .guild,
- .guilds-wrapper .guilds .guild .avatar-small {
- width:40px;
- height:40px;
- }
- .guilds-wrapper .guilds .guild .avatar-small {
- width:40px;
- height:40px;
- background-size: 40px 40px;
- color:rgba(120,156,0,1) !important;
- }
- .guilds-wrapper .guilds .guild .guild-inner {
- line-height:40px;
- }
- /* icon for friends (top 1) */
- .guilds-wrapper .guilds .friends-icon {
- width:40px;
- height:40px;
- background-size:25px 19px;
- }
- .guilds-wrapper .guilds .friends-icon:after {
- display:block;
- width:40px;
- height:40px;
- content:'';
- background-size:110%;
- background-repeat:no-repeat;
- background-position:top center;
- }
- /* friends online */
- .guilds-wrapper .guilds .friends-online {
- color: rgba(120,156,0,1);
- font-size: 9px;
- margin: 15px 0 15px -7px;
- line-height: 20px;
- width: 55px;
- height: 20px;
- border-radius: 25px;
- overflow: hidden;
- background: rgba(41,0,56,0.8);
- }
- /* that thing that says new message */
- .guilds-wrapper .guilds .guild.unread:not(.selected):before,
- .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
- background:rgba(120,156,0,1) ;
- }
- /* no idea */
- .guilds-wrapper .guilds .guild.active .guild-inner:before {
- background-color:black; !important;
- }
- /* no idea */
- .guilds-wrapper .guilds-error {
- width:40px;
- height:40px;
- line-height:36px;
- }
- .guilds-wrapper .guilds .guild:before,
- .guilds-wrapper .guilds .guild.unread:before,
- .guilds-wrapper .guilds .guild.selected:before {
- left:-26px;
- transition:0.2s ease-in-out all;
- }
- /*
- CHANNEL LIST
- */
- /* SERVER NAME BOX SHIT */
- /* no idea */
- .guild-header ul {
- background:white !important;
- opacity:0 !important;
- transition: transform .5s cubic-bezier(0.18, 0.89, 0.32, 1.28) !important;
- padding-top:100px;
- top:-56px;
- }
- /* no idea */
- .guild-header-open ul {
- opacity:0 !important;
- }
- /* server name box */
- .guild-header header {
- box-shadow:none !important;
- color:rgba(80,116,0,1) !important;
- }
- /* server name */
- .guild-header header span {
- margin-left:-7px;
- }
- /* no idea to be honest */
- .guild-channels header h2 {
- padding:0 100px;
- color:rgba(120,156,0,1) !important;
- }
- /* "DIRECT MESSAGES" header */
- .guild-channels header h2,
- .private-channels header {
- opacity:1;
- color: rgba(120,156,0,1);
- }
- /* channel names */
- .draggable span,
- .channel-name {
- font-size:0.9em;
- color:rgba(120,156,0,1) !important;
- }
- /*# before channel name */
- .guild-channels .channel-text .channel-name:before {
- color:rgba(120,156,0,1) !important;
- }
- .guild-channels .channel-text a {
- padding:8px 6px 10px 18px;
- color:rgba(120,156,0,1) !important;
- }
- /* headers */
- .guild-channels header h2,
- .guild-channels header span,
- .guild-channels .channel a {
- color:rgba(120,156,0,1) !important;
- }
- /* channel box hover */
- .guild-channels .channel:hover {
- background:rgba(41,0,56,0.3) !important;
- }
- /* PM LIST */
- /* search bar background */
- .private-channels .search-bar {
- background:transparent; !important;
- }
- /* search bar inside box */
- .private-channels .search-bar input {
- background:rgba(41,0,56,0.8)!important;
- }
- /* selected channel */
- .guild-channels .channel.selected,
- .private-channels .channel.selected,
- .private-channels .search-result.selected,
- .private-channels .search-result:hover {
- background:rgba(41,0,56,0.8) !important;
- }
- /* channel hover */
- .guild-channels ul .channel:not(.selected):hover,
- .private-channels .channel:not(.selected):hover {
- background:rgba(41,0,56,0.3) !important;
- }
- /* channel selected left line */
- .guild-channels .channel:not(.selected):before,
- .guild-channels .channel.selected:before,
- .guild-channels .channel.selected:hover:before,
- .private-channels .channel:not(.selected):before,
- .private-channels .channel.selected:before,
- .private-channels .channel.selected:hover:before,
- .private-channels .search-result.selected:before,
- .private-channels .search-result:hover:before {
- border-left:2px solid rgba(41,0,56,1) !important;
- }
- .private-channels .channel .icon-friends {
- background-color:rgba(10,56,0,0.6) !important;
- }
- /* I guess the not read thing, IDC */
- .guild-channels .channel-text.unread:not(.selected):not(.channel-muted):before {
- left:-8px;
- }
- /* bottom left user box */
- .account {
- z-index:9;
- border-top:none !important;
- width:320px;
- margin-left:-80px;
- background:transparent;
- padding:0 15px !important;
- height:77px;
- box-sizing:border-box;
- }
- /* border of the circle of status of the user */
- .account .status {
- border:2px solid rgba(10,56,0,0.6);
- }
- /* box of the buttons of the user */
- .account .btn {
- background:transparent;
- box-shadow:none !important;
- }
- /* when clicking one of those buttons ^*/
- .account .btn:active {
- background:rgba(41,0,56,0.8);
- }
- .account .btn:hover {
- background:rgba(41,0,56,0.3);
- }
- /* opacity on the settings button ? IDC */
- .account .btn-settings:after {
- opacity:0.3;
- }
- /* specific stuff for buttons meh */
- .account .btn-deafen,
- .account .btn-mute {
- border:none;/*1px solid #101010;*/
- }
- .account .btn-deafen, .account .btn-settings {
- box-shadow:none !important;
- }
- .account .btn-group, #voice-connection .btn-group {
- border:none;
- }
- .account .avatar-small {
- margin:0 0 0 10px;
- }
- /* box with "voice connected" and buttons */
- #voice-connection {
- z-index:9;
- border-top:none !important;
- padding:15px 20px 15px 18px !important;
- }
- /* buttons for voice */
- #voice-connection .btn {
- background:transparent;
- box-shadow:none !important;
- border: 0;
- }
- /* buttons for voice */
- #voice-connection .btn:hover {
- background:rgba(41,0,56,0.3);
- }
- .voice-connection-inner a {
- color:rgba(120,156,0,1) !important;
- }
- .message-group .comment {
- background:transparent !important;
- border:none !important;
- }
- /*
- CHAT
- */
- /* chatbox */
- textarea {
- background:transparent !important;
- }
- .channel-textarea-upload {
- border-right-color: rgba(120,156,0,0.2) !important;
- color:rgba(120,156,0,1) !important;
- }
- .channel-textarea-inner {
- border: 0px solid rgba(120,156,0,1) !important;
- background:rgba(41,0,56,0.8) !important;
- color:rgba(120,156,0,1) !important;
- }
- /* autocomplete for mentions and shit */
- .channel-textarea-autocomplete-inner,
- .channel-textarea-autocomplete-inner header {
- border:none !important;
- background:rgba(41,0,56,0.8) !important;
- color: rgba(120,156,0,1) !important;
- }
- .channel-textarea-autocomplete-inner ul li{
- color:rgba(120,156,0,1) !important;
- }
- .channel-textarea-autocomplete-inner ul li.active {
- background:rgba(10,56,0,0.3) !important;
- }
- /*no idea */
- .channel-textarea-guard button {
- background:black !important;
- }
- .channel-textarea-guard button {
- background:white !important;
- }
- .channel-textarea-guard button:hover {
- background:red!important;
- }
- /* # before channel name (top) */
- .chat>.title-wrap>.title .channel-name:before {
- color:rgba(120,156,0,1) !important;
- }
- /* loading cubes */
- .spinner-wandering-cubes .spinner-item {
- background-color:rgba(10,56,0,0.6);
- width:15px;
- height:15px;
- border-radius:4px;
- }
- /* button to load more */
- .chat .has-more button {
- color:rgba(80,116,0,1) !important;
- background:rgba(10,56,0,0.6) !important;
- border:none !important;
- box-shadow:none !important;
- }
- /* mention highlights */
- .highlight {
- color:rgba(120,156,0,1);
- background: black
- }
- /* underline on mentions */
- .markdown-modal .highlight:hover,
- .chat .title-wrap .topic .highlight:hover {
- color:rgba(41,0,56,0.8) !important;
- }
- /* someone mentioned me box */
- .messages .markup .highlight {
- background-color:rgba(40,76,0,0.8) !important;
- color:rgba(120,156,0,1) !important;
- border-radius: 0;
- }
- .messages .markup .highlight:hover {
- background-color:rgba(80,116,0,1) !important;
- color:#fff !important;
- }
- .mentioned .message-text {
- border-radius: 0 !important;
- background: rgba(10,56,0,0.6) !important;
- }
- .mentioned .message-text:after {
- border-radius: 0 !important;
- border-color:rgba(10,56,0,0.6) !important;
- background:rgba(10,56,0,0.6) !important;
- }
- .mentioned .message-text:after {
- border-radius: 0 !important;
- border-color:rgba(10,56,0,0.6) !important;
- background:rgba(10,56,0,0.6) !important;
- }
- /*text size and line height NEEDED */
- .messages .markup {
- font-size:0.85em !important;
- line-height:1.4em !important;
- }
- .messages .markup:not([data-colour="true"]) {
- color:rgba(120,156,0,1) !important;
- }
- /* color of button clicked (top right) */
- .header-toolbar button.popout-open {
- background:rgba(41,0,56,0.8);
- }
- /* member list */
- .header-toolbar button.active {
- background-color:rgba(41,0,56,0.8);
- }
- /* emoji picker - mess around */
- .emoji-picker {
- background:rgba(41,0,56,0.8) !important;
- }
- .emoji-picker .search-bar input {
- color:rgba(41,0,56,0.8);
- background:transparent;
- }
- .emoji-picker .search-bar-clear {
- background:rgba(120,156,0,1);
- }
- .emoji-picker .sticky-header,
- .emoji-picker .search-bar {
- background:transparent !important;
- }
- .emoji-picker .search-bar-inner {
- background:rgba(41,0,56,1) !important;
- }
- .emoji-picker .categories .item.selected {
- border-bottom-color:rgba(41,0,56,0.8);
- }
- .emoji-picker .category {
- background: transparent !important;
- color: rgba(120,156,0,1);
- }
- .emoji-picker .scrollbar .track {
- background-color:red !important;
- }
- .emoji-picker .scrollbar .thumb {
- border:3px solid transparent !important;
- background-color:rgba(10,56,0,0.4) !important;
- }
- /* channel name top box */
- .topic:before,
- .separator {
- color:rgba(120,156,0,1) !important;
- }
- .title-wrap {
- border-bottom:0px solid rgba(41,0,56,0.8) !important;
- background:rgba(41,0,56,0.8) !important;
- }
- .timestamp {
- color: rgba(120,156,0,1) !important;
- }
- /* top new message bar */
- .chat .new-messages-bar {
- background-color:rgba(10,56,0,0.6);
- }
- .chat .new-messages-bar:hover {
- background-color:rgba(10,56,0,0.8);
- }
- .chat .new-messages-bar button:last-child {
- color:rgba(120,156,0,1);
- }
- /* chat name */
- .chat>.title-wrap>.title .channel-name {
- color:rgba(120,156,0,1);
- }
- /* channel topic */
- .chat>.title-wrap>.topic {
- font-size:12px;
- margin-top:5px;
- color:rgba(120,156,0,1) !important;
- }
- /* a divider */
- .chat .divider {
- height:25px;
- background:none;
- }
- .chat .divider>div {
- display:none !important;
- }
- .chat .divider:not(.divider-red)>div {
- background:yellow !important;
- }
- /* new day box */
- .chat .divider:before {
- background:rgba(10,56,0,0.6) !important;
- height:25px;
- }
- /* colour of the new messages box */
- .chat .divider.divider-red:before {
- background: rgba(10,56,0,0.6) !important;
- }
- .chat .divider>span {
- background-color:transparent !important;
- font-size:12px;
- text-transform:uppercase;
- margin:10px 0px;
- border-radius: 0px;
- opacity: 1;
- padding: 8px 15px;
- line-height: 1px;
- width: 100%;
- text-align: center;
- }
- /* new message text colour */
- .chat .divider.divider-red>span {
- color:rgba(120,156,0,1) !important ;
- }
- .chat .divider:not(.divider-red)>span {
- color:rgba(120,156,0,1) !important;
- }
- .chat .divider>div {
- display:none;
- }
- /* links */
- .messages a {
- color:rgba(120,156,0,1) !important;
- }
- /* message sender name */
- .messages h2 .user-name {
- font-size:0.85em;
- }
- /* bot tag */
- .bot-tag,
- .need-help-modal .header {
- background:rgba(41,0,56,0.8);
- color:rgba(120,156,0,1) !important;
- }
- /* no idea, doesn't matter */
- .alert.form .form-inner .btn {
- padding: 0 !important;
- border: none !important;
- }
- /* no idea */
- .chat-empty {
- background:pink;
- }
- /* no idea */
- .channel-pins-wrap {
- background: yellow !important;
- }
- /* no idea */
- .channel-pins-wrap .header,
- .channel-pins-wrap .footer {
- background-color: red !important;
- box-shadow: none !important;
- }
- .channel-pins .message-group {
- background-color: yellow !important;
- }
- .channel-pins .message-group:hover {
- box-shadow: 0 0 4px 5px rgba(37, 172, 232, 0.1);
- border-color: rgba(120,156,0,1) !important;
- }
- .channel-pins .message-group .action-buttons {
- box-shadow: none !important;
- background: none !important;
- }
- .channel-pins .message-group .action-buttons .jump-button {
- background-color: rgba(255,255,255,0.15) !important;
- }
- /* no idea */
- .channel-notification-settings .content label,
- .notification-settings-modal .mute-server .checkbox .label span {
- color:yellow;
- }
- .notification-settings-modal .notification-settings-modal-channel-settings-list {
- box-shadow:none !important;
- }
- .markdown-modal .markdown-modal-header {
- color:yellow;
- }
- .modal-content .form-inner p {
- color:red;
- }
- /* no idea */
- .chat form {
- border-top: none !important;
- }
- /* fuck if I know */
- .messages .message-group:not(.has-divider) {
- border-bottom-color:hsla(0,0%,100%,.04) !important;
- }
- .messages .message-group {
- border-bottom: none !important;
- }
- /* FRIENDS SHIT */
- .friends-table {
- background: transparent !important;
- }
- /* no idea */
- .friends-table .messages .message-group .message-send-failed .markup,
- .friends-table .messages .message-group .message-send-failed .markup a,
- .messages .message-group .message-send-failed .markup,
- .messages .message-group .message-send-failed .markup a {
- color:rgba(240,71,71,0.5) !important;
- background: brown !important;
- font-style:italic;
- }
- .markup pre {
- border-radius:0 !important;
- background:transparent !important;
- border-color:rgba(120,156,0,1) !important;
- }
- .markup pre code.hljs {
- background:rgba(41,0,56,1) !important;
- color:rgba(120,156,0,1) !important;
- padding:1em !important;
- }
- .modal-content .markup code.inline,
- .markup code.inline {
- background:rgba(41,0,56,1) !important;
- color:rgba(120,156,0,1) !important;
- padding:0.3em 0.6em !important;
- border-radius:0 !important;
- }
- /* no idea let me know */
- .messages .invite-button {
- background: beige !important;
- border-color: darkgrey !important;
- }
- /* fuck if I know */
- .emotewrapper img {
- position: relative;
- top: 7px;
- }
- /* no idea */
- .typing {
- font-size:11px;
- color: rgba(120,156,0,1) !important;
- }
- /* no idea */
- .spoiler span {display:none;}
- .spoiler:before {
- min-height:18px;
- padding-top:2px;
- border-radius:5px;
- background:blue;
- }
- .channel-members h2,
- .member-activity {
- color: rgba(120,156,0,1) !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement