User:Crystallized Petri Dish/global.css

/* Import */ @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Hubballi&display=swap'); /* New fandom desktop css */ /* Global nav */ .global-navigation__link-text { color: #bcf !important; } .global-navigation { background-color: #000000; border-right: 1px solid #bcf; } .global-navigation__bottom, .global-navigation__top { background-color: #000000 !important; } .global-navigation__icon, .global-navigation__icon:active, .global-navigation__icon:focus, .global-navigation__icon:hover, .global-navigation__icon:visited { color: #99b3ff; } .global-navigation__label, .global-navigation__label:active, .global-navigation__label:focus, .global-navigation__label:hover, .global-navigation__label:visited { color: #ffffff; } .global-navigation__logo > span { color: white !important; } .global-navigation__icon, .global-navigation__icon.has-border { border: 2px solid #0041ff; } .global-navigation__icon.has-background { background-color: transparent; } .global-navigation__link-icon { background-color: transparent; } .wds-icon.wds-is-stroke-icon { stroke: #99b3ff; } .wds-dropdown.wds-open-to-right.is-attached-to-bottom { padding-top: 4px; } .global-navigation__link-icon svg { fill: #2a68ff; } .global-navigation__link.start-a-wiki .global-navigation__link-icon svg { fill: #2a68ff; } .global-navigation__link.start-a-wiki .global-navigation__link-icon { border: 2px solid #2a68ff; } /* Sticky header */ .fandom-sticky-header { background: linear-gradient(to bottom, #bbccff99, rgba(0, 41, 189, 0.3)) center/cover, linear-gradient(to bottom, rgba(0, 214, 130, 0.3) calc(95% - 55px), rgba(0, 0, 0, 0.3) calc(125% - 75px)); } /* Page changes */ /** Page font (too much rubik looks a bit sickly) **/ .page-content { font-family: "Nunito Sans", sans-serif; } /** Table of content changes **/ .toc ul li a .tocnumber:after { content: " ­| "; } .toc ul li a .tocnumber { color: #bcf; } /** Removing large gap **/ .page { margin-bottom: -250px; margin-top: 25px; } /* Editing */ /** Edit buttons **/ .page-header__actions { padding-top: 0 !important; border: 4px solid #2648ff; margin-bottom: 35px; border-radius: 10px; background-color: rgb(19 21 35 / 40%); } .page-header__action-button.has-label { border-right: 1px solid #2648ff; border-radius: 0; border-left: 1px solid #2648ff; } .wds-button.wds-is-text, .wds-button.wds-is-text:disabled { border-radius: 0; } a > [class="wds-button wds-is-text page-header__action-button"] [data-tracking-label="comments-button"] { border-right: 1px solid #2648ff; } /** Save, preview and show changes buttons **/ .oo-ui-buttonElement-framed.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button, .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button, .mw-editform .editButtons .oo-ui-buttonElement, .mw-editform .cancelLink { font-family: 'Rubik'; } /** Cancel button **/ .oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button { color: var(--theme-alert-color); border: 1px solid var(--theme-alert-color); } /** Expanding source editor **/ /*.page__main-is-edit { margin-right: -290px !important; margin-left: -290px !important; }*/ .page__main { border-radius: 10px; min-height: 480px; padding: 24px 24px; position: relative; width: 145%; margin-left: -280px; } html:not(.ve-activated) .page.has-right-rail .page__main { border-radius: 10px; border: 2px solid #2648ff; margin-bottom: 200px; } html:not(.ve-activated) .page.has-right-rail .page__right-rail { transition: width .3s; width: 336px; padding-bottom: 200px; } /** Buttons are too close to preview below **/ div[class="editButtons"] { padding-bottom: 20px; } /** Same here but for diffs **/ .diff { margin-top: 5px !important; border-top: 1px solid #2a68ff !important; } .diff-title { border-top: 1px solid #2a68ff; } /* Profile changes */ /* @media only screen and (min-width: 1084px) */ body.skin-fandomdesktop #userProfileApp { border-radius: 15px 15px 0 0; } /** Looks weird without it **/ padding: 25px 25px 0 25px; } /** Name on profile **/ font-weight: 500; } /** User profile links (activity, profile, contribs, etc.) **/ opacity: 1; background: -webkit-gradient(linear, left top, right top, from(#bcf),to(#3d6eff)) repeat-x 0 43px !important; border-radius: 0; border-bottom: none; } /* Misc */ /** QuickDiff modal changes **/ .diff-context { background: transparent; border-color: #444444; } /* Removing things */ .fandom-community-header__background { display: none; } .page-footer .license-description { display: none; } /* Removing side rail since it's buggy af with my css */ html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden { display: none; } /* coloring link for no reason */ a[href$="Crystallized_Petri_Dish"], a[href$="Crystallized_Petri_Dish?tab=posts"] { color: #bcf !important; font-weight: 500 !important; font-size: 125%; font-family: 'Hubballi', cursive;; background: -webkit-gradient(linear, left top, right top, from(#bcf),to(#3d6eff)) repeat-x 0 2em !important; } /* /// ///	Old css—some of it still works ///	///	/* Annoying thing stuck at the side of my screen */ .rail-sticky-module { display: none; } /* General changes */ a { font-family: 'Rubik', sans-serif; } .WikiaArticle { font-family: 'Nunito Sans', sans-serif; } .WikiaArticle h2, .WikiaArticle h3, .WikiaArticle h4, .WikiaArticle h5, .WikiaArticle h6 { font-family: 'Rubik', sans-serif; } body, a:hover, cursor: default !important; } /* Header stuff? */ /** Header radius **/ .WikiaPage .wds-community-header { border-radius: 10px 10px 0 0; } /** Header color changes **/ .wds-community-header:before { background: linear-gradient(#001c65, #a1b7ff5c), linear-gradient(to left, transparent var(--theme-header-gradient-start),var(--theme-header-background-color) var(--theme-header-gradient-end)); } /** Header links **/ .fandom-community-header a { color: #ffffff; } /* Removing the usual annoying things */ .mainpage .article-categories { display: none; } .unified-search__layout__right-rail { display: none; }	display: none; } /* Scrollbar */
 * 1) wikidiff > .diff-currentversion-title,
 * 1) userProfileApp .user-identity-box__wrapper {
 * 1) userProfileApp .user-identity-header__attributes > h1 {
 * 1) userProfileApp .user-profile-navigation__link.is-active {
 * 1) mixed-content-footer {
 * -webkit-scrollbar {

width: 12px; height: 12px; } body::-webkit-scrollbar { background: black; }
 * -webkit-scrollbar-thumb {

background: #b5c7ff; }
 * -webkit-scrollbar-thumb:hover {

background: var(--themed-border-color-50); }
 * -webkit-scrollbar-thumb:active {

background: #a2b9ff; } .mw-notification-area mw-notification-area-floating { display: none; } .banner-notifications-placeholder { display: none; } /* Global nav */ /** Dropdown **/ .wds-dropdown__content .wds-list.wds-is-linked > .wds-is-selected > a:not(.wds-button), .wds-dropdown__content .wds-list.wds-is-linked > li:hover > a:not(.wds-button) { background-color: rgb(132 159 255 / 10%); color: #2a68ff; } .wds-global-navigation .wds-sign-out__button { --wds-sign-out-button-background-color--hover: rgb(132 159 255 / 10%); --wds-sign-out-button-label-color--hover: #2a68ff; } /** Dropdown hover colors **/ .wds-sign-out__button:hover { background-color: #9eb5ff4d; color: #a7b2ff; } /** Links **/ .wds-global-navigation__link, .wds-global-navigation__start-a-wiki { color: #7496ff; } /** Search stuff **/ wds-global-navigation__search-input-wrapper, .wds-global-navigation__search { color: #86a1ff; } .wds-global-navigation__search-input { font-family: 'Rubik', sans-serif; } /** Global nav background color **/ .wds-global-navigation { background-color: #030303; } /** Chevrons **/ .wds-global-navigation__link-group .wds-dropdown__toggle-chevron, .wds-global-navigation__notifications-dropdown .wds-dropdown__toggle-chevron, .wds-global-navigation__user-menu .wds-dropdown__toggle-chevron { fill: #bacfff; } /** Notif lines **/ .wds-list .wds-has-lines-between > li { border-bottom: 1px solid #5b85ff; } /** All icons **/ .wds-icon { fill: #5b85ff; } /** Avatar ring **/ .wds-avatar__image { color: #5b85ff; } /* Global footer */ .wds-global-footer { background-color: #050505; } /** Links **/ .wds-global-footer__link, .wds-global-footer__link:active, .wds-global-footer__link:focus, .wds-global-footer__link:visited { color: #739dff; } /** Bottom section **/ .wds-global-footer__bottom-bar { display: none; } /** Botton section links **/ .wds-global-footer__bottom-bar a, .wds-global-footer__bottom-bar a:visited { color: #FFFFFF; } /** Separator **/ .global-footer-bottom { border-top: 1px solid #c8c8c8; background-color: black; } /* Start a wiki button */ .wds-global-navigation__start-a-wiki .wds-button.wds-is-secondary:not(:disabled) { --wds-secondary-button-label-color: #91a5ff !important; --wds-secondary-button-label-color--hover: #6985ff !important; } /* Comments button */ .wds-button.wds-is-secondary, .wds-button.wds-is-secondary:disabled { background: none; border-color: #2a68ff; color: #2a68ff !important; } .WikiaBarWrapper { background: #070707; box-shadow: none; border-top: 2px solid #bcf; } /* QuickDiff modals */ /** Added content **/ /*** Highlight ***/ .ooui-theme-fandomooui .diff-addedline .diffchange { background-color: #9cb1ff; } /*** Lines ***/ .ooui-theme-fandomooui .diff-addedline { border-color: #9cb1ff; } /** Removed content **/ /*** Highlight ***/ .ooui-theme-fandomooui .diff-deletedline .diffchange { background-color: #5a71ff; } /*** Lines ***/ .ooui-theme-fandomooui .diff-deletedline { border-color: #5a71ff; } /* Notification icon colors (yes I'm going this far) */ .wds-notification-card__icon-wrapper .wds-icon { fill: #7180abb8; } .wds-is-unread .wds-notification-card__icon-wrapper .wds-icon { fill: #87a6ff; } /** Text for notification thing **/ .wds-notification-card__snippet, .wds-notification-card__context-list { color: #98b7ff; } /* Achievements thing */ .UserProfileAchievementsModule .badges-profile-title, .UserProfileAchievementsModule .title-challeneges { border-bottom: #7597ff; font-family: 'Nunito Sans', sans-serif; } /* Syntax highlighting in source editor */ /** Links **/ /*** Link content ***/ .skin-oasis .cm-mw-link, .skin-oasis .cm-mw-link-pagename { color: #6c9dff; } /*** Link brackets ***/ .skin-oasis .cm-mw-extlink, .skin-oasis .cm-mw-extlink-bracket, .skin-oasis .cm-mw-extlink-protocol, .skin-oasis .cm-mw-free-extlink, .skin-oasis .cm-mw-free-extlink-protocol, .skin-oasis .cm-mw-link-bracket, .skin-oasis .cm-mw-link-delimiter { color: #568efe; } /*** Links to headers ***/ .skin-oasis .cm-mw-link-tosection { color: #5e6fff; } /** What would I call this **/ /*** HTML (, , etc) ***/ .skin-oasis .cm-mw-exttag-attribute, .skin-oasis .cm-mw-exttag-bracket, .skin-oasis .cm-mw-exttag-name, .skin-oasis .cm-mw-htmltag-attribute, .skin-oasis .cm-mw-htmltag-bracket, .skin-oasis .cm-mw-htmltag-name { color: #5bffa0; } /*** Unicode stuff ***/ .skin-oasis .cm-mw-mnemonic { color: #a2ff61; } /***, ***/ .skin-oasis .cm-mw-parserfunction-bracket, .skin-oasis .cm-mw-parserfunction-delimiter, .skin-oasis .cm-mw-parserfunction-name { color: #a2ff61; } /** Formatting **/ /*** Comments ***/ .skin-oasis .cm-mw-comment { color: #98ffff; } /*** Headers ***/ .skin-oasis .cm-mw-apostrophes-bold, .skin-oasis .cm-mw-apostrophes-italic, .skin-oasis .cm-mw-section-header { color: #48daff; } /*** Formatting (asterisk, octothorpes, etc.) ***/ .skin-oasis .cm-mw-list { color: #48daff; } /** No clue what to call this either **/ /*** Templates ***/ .cm-mw-template-name { color: #ffa475; } .skin-oasis .cm-mw-template, .skin-oasis .cm-mw-template-argument-name, .skin-oasis .cm-mw-template-bracket, .skin-oasis .cm-mw-template-delimiter, .skin-oasis .cm-mw-template-name { color: #ffa475; } /*** Tables ***/ .skin-oasis .cm-mw-table-bracket, .skin-oasis .cm-mw-table-definition, .skin-oasis .cm-mw-table-delimiter { color: #ffdc71; } /* Syntax highlight changes on css/js pages */ /** span, li, url **/ .mw-highlight .nt { color: #ff7244; } /** in import **/ .mw-highlight .cp, /*** !important ***/ .mw-highlight .nb, .mw-highlight .o { color: #9dbaff; } /** Content in quotations **/ .mw-highlight .s1, /*** Single quotes ***/ .mw-highlight .s2 /*** Double quotes ***/ { color: #60ff70; } /** import **/ .mw-highlight .n, .mw-highlight .k { color: #f699ff; } .mw-highlight .p { color: #9dbaff; } /** Comments **/ .mw-highlight .c { color: #338a78; } /** Display; width; etc.**/ .mw-highlight .k { color: #6a6cff; } /** flex; wrap; none; etc. **/ .mw-highlight .kc { color: #00a300; } /** # **/ .mw-highlight .nn { color: #f699ff; } /** . **/ .mw-highlight .nc { color: #459da3; } /** :after **/ .mw-highlight .nd { font-weight: bold; } /** Number values for px **/ .mw-highlight .kt { color: #6cffa3; } /** px **/ .mw-highlight .kt { color: #6cffa3; } /** Second values **/ .mw-highlight .mf { color: #ff5252; } /** Color values **/ .mw-highlight .mh { color: #4f83ff; } /* Source editor changes */ /** Expanding source editor to fit screen **/ .WikiaSiteWrapper .WikiaPageContentWrapper.is-edit { padding: 0 10px 10px; z-index: 200; margin-right: -325px; margin-left: -325px; } /*** Unable to edit (expanding view source thingy) ***/ clear: both; width: 100%; } /** Background **/ .wikiEditor-ui .wikiEditor-ui-text .ace_editor, .wikiEditor-ui .wikiEditor-ui-text .CodeMirror { background-color: #0b0b0b; } /** Scrollbar **/ .CodeMirror-vscrollbar { background-color: #000000; } /** Icons in source editor **/ .tool .oo-ui-buttonElement-frameless .oo-ui-iconElement > .oo-ui-buttonElement-button { color: #bcf; } /*** Icon background ***/ .wikiEditor-ui .wikiEditor-ui-toolbar .tool-button.tool-active, .wikiEditor-ui .wikiEditor-ui-toolbar .tool.oo-ui-buttonElement-frameless.oo-ui-iconElement:hover, .wikiEditor-ui .wikiEditor-ui-toolbar .tool.tool-active.oo-ui-buttonElement-frameless.oo-ui-iconElement { background: #84a3ff91; box-shadow: none; outline: none; } /** Preview and changes button **/ .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button { color: #2a68ff; } /** Removing minor things **/ .templatesUsed { display: none; } .limitreport { display: none; } .wikiEditor-ui .ui-resizable-handle { display: none !important; } /* Ace editor changes */ /** Icons in ace editor **/ .wikiEditor-ui .wikiEditor-ui-toolbar .tool .oo-ui-buttonElement-frameless .oo-ui-iconElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon { color: #bcf; } /** Expanding ace editor (I think) **/ .wikiEditor-ui { margin-top: 0 !important; margin-right: -325px !important; width: 100% !important; border-bottom: 1px solid #0048ff; border-right: 1px solid #0048ff; border-left: 1px solid #0048ff; } /** Bottom border color **/ .wikiEditor-ui .wikiEditor-ui-view { border: 1px solid #0048ff; } /** Color for line number in ace editor **/ .ace_gutter-layer { color: #bcf; background-color: black; } /** Background color **/ .ace_content { background-color: #07070a; } /** Removing margin **/ .ace_print-margin { display: none !important; } /** Extending summary box **/ .mw-editform #wpSummaryLabel { width: 100% !important; } /** Removing drop file box **/ .wikiEditor-ui #msupload-dropzone { display: none; } /* Profile changes */ /** Profile background color **/ @media only screen and (min-width: 1084px) { background-color: #0a0c12e0; } } /** Profile tag modifications **/ background-color: #162959; border-radius: 5px; color: #e0e7ff; font-family: 'Rubik', sans-serif; } /** Edit **/ color: #2a68ff; } /* Message wall/comments modifications */ div[id="MessageWall"] { border: 2px solid #bcf; border-radius: 20px; padding: 25px; } div[class="InlineEntityFormWrapper_inline-entity-form-wrapper__12amV"] { background: #00000080; border: 2px solid #bcf; border-radius: 10px; color: #ffffff; } .Comment_wrapper__2mxBn,	  /* Comments */ background-color: transparent; border: 1px solid var(--themed-border-color-50); border-radius: 5px; } .Reply_body__3woA9, /* Comments */ border-left: 4px solid #89a7ff; border-radius: 3px; }	border-color: #739dff; background-color: transparent; color: #739dff; font-family: 'Rubik'; } .InlineEntityFormWrapper_inline-entity-form-wrapper__12amV { border: 2px solid #bcf; border-radius: 10px; color: #ffffff; }	background-color: #00000080; border: 2px solid #bcf; border-radius: 10px; }	border: 1px solid #bcf; }	border-bottom: 1px solid #bcf; border-top: 1px solid #bcf; font-family: 'Rubik', sans-serif; } /* Wikipage */ /** Wikipage color **/ @media only screen and (min-width: 1084px) { .WikiaSiteWrapper .WikiaPageContentWrapper { background-color: #000000; border-radius: 0 0 10px 10px; } } /* Recent changes */ /** Icons **/ .oo-ui-iconElement-icon:not(.oo-ui-iconElement-noIcon) { background-color: #bcf; } /** Icons for rc dropdown things **/ .oo-ui-indicatorElement-indicator:not(.oo-ui-indicatorElement-noIndicator) { background-color: #bcf; } /** Button **/ .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: transparent; border-color: #2a68ff; color: #2a68ff; } /** Filters **/ .ooui-theme-fandomooui .oo-ui-tagMultiselectWidget .oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-outlined .mw-rcfilters-ui-tagItemWidget { color: #2a68ff; } /** Border beneath tabs **/ .wds-tabs__wrapper.with-bottom-border { border-bottom: 1px solid #0048ff; } .client-js .mw-recentchanges-toplinks .oo-ui-buttonElement > .oo-ui-buttonElement-button { color: #2a68ff !important; border-color: #2a68ff; border-radius: 3px; } /** Tabs (social activity, image activity, etc.) **/ .wds-tabs__tab .wds-is-current { color: #2a68ff; } /** List of abbreviations thing **/ .ooui-theme-fandomooui .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend { background-color: transparent; border-color: #2a68ff; color: #2a68ff; } /** Remove live updates animation **/ .mw-rcfilters-ui-liveUpdateButtonWidget .oo-ui-toggleWidget-on:after { display: none; } /** Change the live updates button to match others **/ .oo-ui-buttonElement-framed .oo-ui-widget-enabled .oo-ui-buttonElement-active > .oo-ui-buttonElement-button { background-color: transparent; border-color: #2a68ff !important; color: #2a68ff !important; } /* Miscellaneous */ /** Page titles **/ .page-header__title { font-weight: 500; font-family: 'Rubik'; } /** Subtitle **/ .page-header__page-subtitle { font-family: 'Rubik'; } /** Removing ads **/ display: none !important; } /** Changes to modules **/ .WikiaRail .rail-module, .WikiaRail .module, .WikiaArticle .thumbinner, .WikiaArticleCategories, .WikiaLatestEarnedBadgesModule { background: #000000; border: 2px solid #bcf; border-radius: 10px; font-family: 'Rubik'; padding: 15px; } /** Codeblocks **/ .WikiaArticle pre { background: #000000; border: 2px solid #bcf; } /* Root */ /** Also ignore the taunting errors **/
 * 1) wds-icons-magnifying-glass-small,
 * 1) editform,
 * 2) toolbar,
 * 3) wpTextbox1 {
 * 1) userProfileApp {
 * 1) userProfileApp .user-identity-header__tag {
 * 1) userProfileApp .user-identity-header__actions button {
 * 1) MessageWall .Message__wrapper /* Message */ {
 * 1) MessageWall .Reply /* Message wall */ {
 * 1) MessageWall .MessageWallForum .load-more-button {
 * 1) MessageWall .Message__wrapper {
 * 1) MessageWall .Message__break {
 * 1) MessageWall .ViewMoreReplies {
 * 1) hivi_leaderboard,
 * 2) top_leaderboard,
 * 3) top_boxad {
 * root {

--theme-article-background-color--secondary: black !important; --theme-page-background-color: black !important; --theme-page-background-color--rgb: black !important; --theme-page-background-color--secondary: black !important; --theme-border-color: #0048ff !important; --theme-link-color: #6e92ff !important; --theme-link-color--hover: #96b0ff !important; --theme-link-color--rgb: 110, 146, 255 !important; --themed-border-color-50: #98c1ff !important; --oasis-wikiabar-text-color: white !important; --theme-accent-color: #162959 !important; --theme-accent-color--hover: #98acff !important; --theme-accent-color--rgb: 22, 41, 89 !important; --theme-header-background-color--rgb: 187, 204, 255 !important; } /* Syntax coloring changes for ace editor */ .ace-twilight .ace_variable { color: rgb(49 132 175) !important; } .ace-twilight .ace_constant.ace_character, .ace-twilight .ace_constant.ace_character.ace_escape, .ace-twilight .ace_constant.ace_other, .ace-twilight .ace_heading, .ace-twilight .ace_markup.ace_heading { color: rgb(197, 6, 11) !important; } .ace-twilight .ace_support { color: rgb(109, 121, 222) !important; } .ace_support ace_constant ace_fonts { color: rgb(6, 150, 14) !important; } .ace-twilight .ace_string, .ace-twilight .ace_support.ace_constant { color: #70ff76 !important; } .ace-twilight .ace_keyword, .ace-twilight .ace_meta { color: rgb(105, 191, 255) !important; } .ace-twilight .ace_comment { color: rgb(76, 136, 107) !important; } .ace_constant.ace_numeric { color: rgb(244, 180, 217) !important; } .ace-twilight .ace_constant { color: #ae81ff !important; } /****************************************************************************************** new stuff ******************************************************************************************/ /* bad */ .wds-dropdown__content { background-color: black; } .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list:after, .wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list:before { display: none; } /* background color of thing */ .mw-highlight pre { background-color: #0c0c0c; } /* more root stuff */ root: { --theme-body-background-color: black !important; }

/****************************************** NEW STUFF (not sure if this is in the middle of the asterisks) ******************************************************/ /* css box surrounding thing */ .mw-content-ltr.mw-highlight-lines pre, .mw-content-ltr.content .mw-highlight-lines pre { padding-left: 3.5em; box-shadow: inset 2.75em 0 0 #000000; border: 1px solid #bcf; } /* ring around profile images */ body.skin-fandomdesktop #userProfileApp .user-identity-avatar__image { border-color: #6289ff; }