Skip to content

Commit

Permalink
removed bd-blue shit that fucked everything up and then fixed some th…
Browse files Browse the repository at this point in the history 
…ings, added "invited to join" popout, added colors to minimize/maximize/close, added more to gif chooser colors, ADDED TYPE BOX TAIL LIKE IN NIER, the thing that goes behind every user name in messages container, also changed how usernames in message container display the tail, from before:: after:: methods to a simpler box shadow method, allowing me to also add a box shadow to the label too, got rid of the little rounded corner when hovering over the server name, fixed home button more
  • Loading branch information
@accrazed
accrazed committed Mar 22, 2019
1 parent 6d620a0 commit 36b04e3
Showing 1 changed file with 119 additions and 50 deletions.
169 changes: 119 additions & 50 deletions NieR Automata UI.theme.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -127,6 +127,7 @@ a:hover > div > div > .collapsedTitle-uWuaaU, /* GAME NEWS BOX HOVER */
.activityName-1IaRLn, /* PLAYING A GAME - NAME */
.theme-dark .messageGroupBlocked-3wrQQX .messageGroupBlockedBtn-1PBBh-, /* BLOCKED MESSAGES TEXT */
.theme-dark .wrapper-1cBijl .addFriendInput-4bcerK, /* HOME FRIENDS ADD FRIEND INPUT TEXT */
.theme-dark .searchHeader-1l-wpR .totalResults-gxvzgw, /* SEARCH BAR SEARCH RESULTS */
.nameHovered-1gxhWH, /* CHANNEL HEADER HOVERED */
.theme-dark .option-96V44q.selected-rZcOL- > span, /* SEARCH BAR HOVER TEXT */
.theme-dark .item-2J1YMK, /* POPOUT BUTTON */
Expand All @@ -147,6 +148,7 @@ div[class="vertical-V37hAW flex-1O1GKY directionColumn-35P_nr da-vertical da-fle
.lookFilled-1Gx00P.colorGreen-29iAKY, /* USER PROFILE SEND MESSAGE */
.theme-dark .dim-1l4L4y span:active, /* SEARCH BAR POPOUT SEARCH FOR KEY ACTIVE */
.description-1kmW86, /* LIBRARY POPOUT GAME DESCRIPTION */
.theme-dark .activityUserPopout-2yItg2 .details-38sfDr, /* USER POPOUT ACTIVITY TEXT */
.theme-dark .titleChecked-2wg0pd, /* CHECKED BOX TEXT */
.theme-dark .select-2TCrqx .Select-option, /* AFK DEFAULT */
.theme-dark .selectableItem-1MP3MQ:hover, /* AUDIT LOG POPOUT HOVER */
Expand All @@ -159,8 +161,10 @@ div[class="vertical-V37hAW flex-1O1GKY directionColumn-35P_nr da-vertical da-fle
.theme-dark .description-2Ifi6N,/* STORE GAME HOVER TEXT HEADER */
.regionSelectName-2-2FWh, /* REGION SELECT NAME */
.newMessagesBar-mujexs button, /* NEW MESSAGE */
.theme-dark .pillMessage-1btqlx, /* INVITED TO JOIN PILL TEXT */
.theme-dark .desc-2Dttbk, /* SETTINGS MODERATION BOXES */
.theme-dark .guildName-2hvnt_, /* INVITE LINK SERVER NAME */
.theme-dark .channelName-28iMRJ, /* CHANNEL NOTIFICATION SETTINGS CHANNEL NAME */
.theme-dark .select-2TCrqx .has-value.Select--single>.Select-control .Select-value .Select-value-label, /* AFK TIMEOUT */
.theme-dark .notDetected-33MY4s .gameName-1RiWHm, .theme-light .notDetected-33MY4s .gameName-1RiWHm, /* USER PROFILE GAME ACTIVITY NO GAME DETECTED*/
.theme-dark .lookLink-9FtZy-.colorPrimary-3b3xI6, /* RESET CHANGES SETTINGS */
Expand Down Expand Up @@ -205,7 +209,7 @@ div[class="vertical-V37hAW flex-1O1GKY directionColumn-35P_nr da-vertical da-fle
.theme-dark .searchResultChannelCategory-1l0lSn, /* SEARCH BAR MORE TEXT */
.theme-dark .reactionCount-2ddRoS, /* REACTION COUNT */
.anchor-3Z-8Bb, /* INVITE TO SERVER ANCHOR TEXT LINK */
.bd-blue .bda-slist .bda-footer a, /* USER SETTINGS PLUGIN WEBSITE */
.bda-slist .bda-footer a, /* USER SETTINGS PLUGIN WEBSITE */
.theme-dark .searchResultChannelIcon-1DnTme, /* SEARCH BAR MORE TEXT */
.theme-dark .container-2x5lvQ section a, /* RTC LINK */
.operations-36ENbA>a, /* EDIT MESSAGE FOOTER LINKS */
Expand All @@ -232,6 +236,7 @@ a, /* ALL LINKS */
.theme-dark .description-1irSAr, /* DISCORD NITRO TEXT */
.theme-dark .timestamp-1mruiI, /* AUDIT LOG TIME STAMP */
.mobileIndicator-3gyhuE, /* MOBILE INDICATOR */
.channelNameByline-R73-tU, /* NOTIFICATION SETTINGS CHANNEL NAME DESCRIPTION */
.theme-dark .timestamp-1E3uAL, /* START CALL TIMESTAMP */
.theme-light .inputLabel-vJ2Z0B, /* JOIN SERVER INPUT LABEL */
.theme-dark .discriminator-1Kma2g, /* HOME ACTIVITY NOW PLAYING DISCRIMINATOR */
Expand All @@ -253,6 +258,7 @@ a, /* ALL LINKS */
.theme-dark .option-96V44q strong, /* SEARCH BAR MORE TEXT */
.theme-dark .originalAmount-3RtnBh, /* SHOP ORIGINAL AMOUNT */
.requirement-2guSgu, /* SYSTEM REQUIREMENT SPECS */
.theme-dark .searchHeader-1l-wpR .tab-2Ixsn0, /* SEARCH BAR SEARCH RESULTS TAB TEXT */
.theme-dark .introBlurb-3gFgTQ, /* HYPESQUAD TEXT */
.theme-dark.metadata-3WGS0M, /* ATTACHMENT FILE DATA */
.theme-dark .bannedUser-1IalTM .username-1b3MVI .discrim-oGb-FO, .theme-dark .bannedUserModal-3RJCOV .reason-YbfGC6, .theme-dark .bannedUserModal-3RJCOV .userDiscrim-1D2NlF /* SERVER SETTINGS BANS DISCRIMINATOR */
Expand All @@ -261,6 +267,7 @@ a, /* ALL LINKS */
.theme-dark .description-2ydcYn, /* NSFW MATURE AUDIENCES */
.theme-dark .tagline-2nvxi0, /* STORE TAGLINE */
.theme-dark .select-1Pkeg4, /* HOME STORE BROWSE SORT */
.subTitle-3TUjmF, /* INVITED TO JOIN SUBTITLE */
.theme-dark .friendsTable-133bsv .friendsRow-2yicud .friendsColumnName-1zBOKm, /* HOME FRIENDS DISCRIMINATOR */
.theme-dark .embedFooterText-28V_Wb, /* EMBED FOOTER */
.theme-dark .option-96V44q .nonText-3CRkO0 /* SEARCH BAR POPOUT HISTORY SECONDARY */
Expand Down Expand Up @@ -513,6 +520,38 @@ a, /* ALL LINKS */
border-color: var(--color-low);
}

/*====================HEADER====================*/

svg[name="TitleBarClose"] > polygon, /* CLOSE BUTTON */
svg[name="TitleBarMinimize"] > rect /* MINIMIZE BUTTON */
{
fill: var(--color-low);
}
svg[name="TitleBarMaximize"] > rect /* MAXIMIZE BUTTON */
{
stroke: var(--color-low);
}
.winButtonMinMax-PBQ2gm:hover > svg[name="TitleBarMaximize"] > rect /* MAXIMIZE BUTTON HOVER */
{
stroke: var(--color-high);
}
.winButtonMinMax-PBQ2gm:hover > svg[name="TitleBarMinimize"] > rect /* MINIMIZE BUTTON HOVER */
{
fill: var(--color-high);
}
.winButtonMinMax-PBQ2gm:hover /* MINIMIZE BUTTON HOVER */
{
background-color: var(--color-low)
}
.winButtonClose-1HsbF-:hover /* CLOSE BUTTON HOVER */
{
background-color: var(--color-alert);
}
.winButtonClose-1HsbF-:hover > svg[name="TitleBarClose"] > polygon /* CLOSE BUTTON HOVER */
{
fill: var(--color-high);
}


/*====================MESSAGES====================*/

Expand Down Expand Up @@ -574,6 +613,17 @@ a, /* ALL LINKS */
border-radius: 0;
border: none;
}
.theme-dark .contentWrapper-3WC1ID /* SERVER INVITE INVITED TO JOIN */
{
background: var(--color-high);
border-radius: 0;
box-shadow: 4px 4px 0 var(--color-mid);
}
.theme-dark .pill-1dHPfk /* SERVER INVITED TO JOIN PILL */
{
border-radius: 0;
background-color: var(--color-low);
}
.theme-dark .lookOutlined-3sRXeN.colorPrimary-3b3xI6 /* SERVER INVITE BUTTON */
{
border: none;
Expand Down Expand Up @@ -615,35 +665,16 @@ a, /* ALL LINKS */
{
padding: 4px 5px 4px 6px;
background: var(--color-high);
position: relative;
border-left: 3px solid var(--color-low);
margin-left: 10px; /* HORIZONTAL POSITION OF MESSAGE HEADER*/
}
.theme-dark .headerCozyMeta-rdohGq::after /* MESSAGE HEADER BORDER TAIL */
{
padding-top: 5px;
content: '';
position: absolute;
left: -21px;
top: 0px;
z-index: -1;
height: 19px;
width: 12px;
background: var(--color-low);
}
.theme-dark .headerCozyMeta-rdohGq::before /* MESSAGE HEADER BORDER BODY*/
{
padding-top: 5px;
content: '';
position: absolute;
top: 0px;
left: -9px;
z-index: -1;
height: 19px;
width: 7px;
background: var(--color-high);
margin-left: 13px;
box-shadow:
2px 2px 0 var(--color-mid),
-3px 0 0 var(--color-low),
-9px 0 0 var(--color-high),
-21px 0 0 var(--color-low),
-18px 2px 0 var(--color-mid);
}


.newMessagesBar-mujexs /* NEW MESSAGE */
{
background-color: var(--color-alert);
Expand All @@ -670,7 +701,7 @@ a, /* ALL LINKS */
background-color: var(--color-alert);
opacity: 1;
}
.bd-blue .mention /* MEMBER MENTIONED */
.mention /* MEMBER MENTIONED */
{
color: var(--color-low);
background: rgba(205,102,77,0.7);
Expand Down Expand Up @@ -698,7 +729,7 @@ a, /* ALL LINKS */
padding: 15px 15px;
}
.theme-dark .isMentioned-N-h9aa .mention:hover, /* CLIENT MENTIONED HOVER */
.bd-blue .mention:hover /* MEMBER MENTIONED HOVER */
.mention:hover /* MEMBER MENTIONED HOVER */
{
background-color: var(--color-alert);
color: var(--color-high);
Expand All @@ -713,6 +744,14 @@ a, /* ALL LINKS */
{
background: var(--color-low);
}
.theme-dark .searchHeader-1l-wpR .tab-2Ixsn0:hover /* SEARCH BAR TABS HOVER */
{
border-bottom-color: var(--color-mid)
}
.tab-2Ixsn0, .totalResults-gxvzgw /* SEARCH BAR SEARCH RESULTS */
{
opacity: 1;
}
.theme-dark .container-3ayLPN /* SEARCH BAR POPOUT CONTAINER */
{
background-color: var(--color-high);
Expand Down Expand Up @@ -807,7 +846,7 @@ a, /* ALL LINKS */
{
color: var(--color-low);
}
.bd-blue .react-datepicker .react-datepicker__day.react-datepicker__day--today:after /* CALENDAR TODAY */
.react-datepicker .react-datepicker__day.react-datepicker__day--today:after /* CALENDAR TODAY */
{
background: var(--color-alert);
}
Expand All @@ -819,7 +858,7 @@ a, /* ALL LINKS */
{
background: var(--color-mid);
}
.bd-blue .react-datepicker .react-datepicker__day:hover, /* CALENDAR HOVER */
.react-datepicker .react-datepicker__day:hover, /* CALENDAR HOVER */
.theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover, .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day:hover
{
background: var(--color-high);
Expand All @@ -834,9 +873,13 @@ a, /* ALL LINKS */
{
fill: var(--color-low);
}
.theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after /* CALENDAR PICKED DATE FOOTER COLOR */
{
background-color: var(--color-alert);
}
.theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover /* CALENDAR TOOLTIP HOVER */
{
background: var(--color-mid);
background-color: var(--color-mid);
}
.theme-dark .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next,
.theme-dark .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous /* CALENDAR ARROW */
Expand Down Expand Up @@ -1086,7 +1129,26 @@ a, /* ALL LINKS */
border-radius: 0;
background-color: var(--color-mid)
}

.theme-dark .focused-1En8bG, /* GIF CHOOSER GIF */
.categoryFade-2ybR1J, .categoryFadeBlurple-1j72_A /* GIF CHOOSER ITEMS */
{
border-radius: 0;
}
.theme-dark .focused-1En8bG, /* GIF CHOOSER NOT HOVERED BLURPLE PART */
.theme-dark .focused-1En8bG:after, .theme-dark .result-3w1ZcL:hover:after /* GIF CHOOSER HOVER */
{
box-shadow: none;
}
.theme-dark .categoryFade-2ybR1J:hover,
.theme-dark .categoryFadeBlurple-1j72_A:hover /* GIF CHOOSER BLURPLE HOVER */
{
box-shadow: 0 0 0 3px var(--color-low);
}
.theme-dark .categoryFadeBlurple-1j72_A:hover, /* GIF CHOOSER BLURPLE HOVER */
.theme-dark .categoryFadeBlurple-1j72_A /* GIF CHOOSER BLURPLE */
{
background-color: var(--color-mid);
}

.emojiButtonNormal-TdumYh > div /* EMOJI */
{
Expand Down Expand Up @@ -1160,7 +1222,12 @@ a, /* ALL LINKS */
}
.theme-dark .channelTextArea-rNsIhG /* TYPE BOX BORDER */
{
box-shadow: -3px 0 0 var(--color-low),
-9px 0 0 var(--color-high),
-21px 0 0 var(--color-low),
-18px 3px 0 var(--color-mid);
border-top: 0px;
margin-left: 15px;
padding-top: 0px;
}
.chat-3bRxxu form /* TYPE BOX MARGIN */
Expand Down Expand Up @@ -1445,18 +1512,19 @@ a, /* ALL LINKS */
{
background: var(--color-low);
}
.bd-blue [style="padding: 10px; border-color: rgb(114, 137, 218); background-color: rgb(114, 137, 218);"] /* NOTIFICATION SETTINGS UNCHECKED BOX */
.item-26Dhrx[style="padding: 10px; border-color: rgb(114, 137, 218); background-color: rgb(114, 137, 218);"], /* CHECKBOX ITEM SELECTED */
.item-26Dhrx[style="border-color: rgb(114, 137, 218); background-color: rgb(114, 137, 218); padding: 10px;"] /* CHECKBOX ITEM SELECTED NOTHING CLICKED YET */
{
background-color: var(--color-low) !important;
border-radius: 0;
color: var(--color-high) !important;
box-shadow: 3px 3px 0 var(--color-mid);
}
.bd-blue [style*="border-color: rgb(114, 137, 218)"] /* NOTIFICATION BOX LABEL */
svg[name="Checkmark"] > g > polyline/* CHECKBOX CHECKMARK */
{
border: none;
border-radius: 0;
background-color: var(--color-high);
box-shadow: 3px 3px 0 var(--color-mid);
stroke: var(--color-low);
}
path[d="M4,0 L4,3 L0,3 L0,0 L4,0 Z M12,4 L12,7 L8,7 L8,4 L12,4 Z M8,9 L12,9 L12,12 L8,12 L8,9.33333333 L8,9 Z M7,7 L3,7 L3,10 L7,10 L7,12 L3,12 L1,12 L1,4 L3,4 L3,5 L7,5 L7,7 Z"] /* NOTIFICATIONS CHANNEL ICON */
{
fill: var(--color-mid);
}
.lookFilled-1Gx00P:hover > div
{
Expand All @@ -1481,10 +1549,6 @@ a, /* ALL LINKS */
{
color: var(--color-high) !important;
}
.bd-blue [style*="border-color: rgb(114, 137, 218)"] > svg > g > polyline /* CHECKBOX CHECKMARK */
{
stroke: var(--color-low) !important;
}
.theme-dark .select-2TCrqx .Select-control /* MENU SELECT BASE */
{
background: var(--color-low);
Expand Down Expand Up @@ -1552,7 +1616,7 @@ svg[name="QuestionMark"] > g /* TOP RIGHT QUESTION MARK */
border-radius: 0px;
color: var(--color-low);
}
.contentSelectedText-3wUhMi, .contentSelectedVoice-1WDIBM /* VOICE CHANNEL LIMBO */
.contentSelectedVoice-1WDIBM /* VOICE CHANNEL LIMBO */
{
background-color: var(--color-mid);
}
Expand Down Expand Up @@ -2308,6 +2372,10 @@ path[d="M10.6666667,6 C10.6666667,6.79333333 10.44,7.53333333 10.0666667,8.18666
box-shadow: 5px 5px 0 var(--color-mid);
margin-right: 50px;
}
.base-3dtUhz /* SERVER NAME HOVER*/
{
border-radius: 0;
}
.sidebar-CFHs9e /* SERVER SIDE BAR */
{
background: var(--color-high);
Expand Down Expand Up @@ -2375,7 +2443,6 @@ path[d="M10.6666667,6 C10.6666667,6.79333333 10.44,7.53333333 10.0666667,8.18666
{
filter: sepia(0%);
}
.bd-blue [style*="background-color: rgb(114, 137, 218)"], /* HOME BUTTON HOVER SELECTED */
.da-homeButton /* HOME BUTTON */
{
height: 57px;
Expand All @@ -2400,9 +2467,11 @@ path[d="M10.6666667,6 C10.6666667,6.79333333 10.44,7.53333333 10.0666667,8.18666
background: url(https://i.imgur.com/3xonYy0.png);
background-size: cover;
background-repeat: no-repeat;
}
}
.homeButton-2Cw51C, /* HOME BUTTON INITIALIZE */
.homeIcon-tEMBK1 > g > use /* HOME BUTTON DEFAULT ICON */
{
background-color: transparent !important;
fill: transparent !important
}
/* ================USER SETTINGS ====================== */
Expand Down Expand Up @@ -2448,7 +2517,7 @@ path[d="M10.6666667,6 C10.6666667,6.79333333 10.44,7.53333333 10.0666667,8.18666
border-color: var(--color-mid);
border-radius: 0;
}
.bd-blue .bd-pfbtn /* CLEAR EMOTE CACHE */
.bd-pfbtn /* CLEAR EMOTE CACHE */
{
background: var(--color-low);
color: var(--color-high);
Expand Down

0 comments on commit 36b04e3

Please sign in to comment.