.navigation-panel .logo--wordmark {
display: none !important; /* Oculta el logo original */
}
.layout-single-column .ui__header__logo,
.layout-single-column .column-link.column-link--logo {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>') !important;
background-size: 140px auto !important;
height: 50px !important;
width: 250px !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.navigation-panel__logo {
margin-bottom: -12px;
margin-left: -30px;
}
.column-header__title .logo--icon {
display: none !important; /* Oculta el logo original */
}
.column-header__title {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>') !important;
background-size: 32px auto !important;
height: 35px !important;
width: 80px !important;
background-position: left !important;
background-repeat: no-repeat !important;
margin-top: 7px;
margin-left: 8px;
padding-left: 40px;
}
.column-header__back-button + .column-header__title {
padding-left: 40px;
}
.logo-container h1 .logo {
display: none;
}
.logo-container {
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8" standalone="no"%3F>') !important;
background-size: 170px auto !important;
height: 50px !important;
width: 250px !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
:root {
--background-color: hsl(212, 69%, 7%);
/* Fondo alternativo en modo oscuro */
--background-alt: hsl(212, 69%, 7%);
/* (Opcional) Si quieres cambiar el color del texto principal en modo oscuro */
--text-color: #fff;
--background-border-color: hsl(214, 100%, 21%);
--surface-background-color: hsl(212deg 56.44% 80.95%);
--surface-variant-background-color: hsl(212, 53%, 14%);
--surface-variant-active-background-color: hsl(212, 53%, 14%);
--dropdown-border-color: hsl(214, 100%, 21%);
--dropdown-background-color: hsl(212, 53%, 14%);
--nested-card-background: rgba(99, 170, 240, .10);
--indigo-1: #06143b;
--indigo-2: #0c1c7a;
--indigo-3: #2c64fc;
--indigo-5: #85b8fa;
--indigo-6: #cce4ff;
}
body {
--background-border-color: hsl(213deg 100% 38% / 50%);
}
.display-name__account, .trends__item__name a {
color: #0057C3;
}
.button {
background-color: #0057C3;
color: #fff;
}
.button:hover {
background-color: #003578;
color: #fff;
}
.button:active {
background-color: #003578;
color: #fff;
}
.icon-paperclip, button.table-action-link:hover {
color: #0057C3;
}
.compose-form__actions .icon-button, .compose-form__actions .icon-button:hover, .compose-form__actions .icon-button:focus, .status__content a.mention {
color: #0057C3;
}
.compose-form__actions .icon-button.active {
color: #fff;
background: #0057C3;
}
.dropdown-button {
color: #0057C3;
border: 1px solid rgb(0, 87, 195);
}
.dropdown-button.active {
background: #0057C3;
border-color: #0057C3;
color: #fff;
}
.ui__navigation-bar__item.active {
color: #0057C3;
}
.column-link.active {
color: #0057C3;
}
.status__content__read-more-button, .status__content__translate-button, .link-button, .column-back-button, .column-header .column-header__back-button, .compose-form__warning a {
color: #0057C3;
}
.account__header__bar .avatar .account__avatar {
background: 0;
border: 0;
}
.account__avatar {
background: 0;
}
.account-role {
color: #0057C3;
border: 1px solid rgb(0, 87, 195);
}
.button.button-secondary {
color: #0057C3;
border: 1px solid rgb(0, 87, 195);
}
.button.button-secondary:hover {
color: #0057C3;
border: 1px solid rgb(0, 87, 195);
}
.button.button-secondary:active {
color: #0057C3;
border: 1px solid rgb(0, 87, 195);
}
.account__header__bio .account__header__fields a, .prose a, .edit-indicator__content a, .reply-indicator__content a, .edit-indicator__content a.unhandled-link, .reply-indicator__content a.unhandled-link, a.status-card:hover, .status__content a.unhandled-link {
color: #c00;
}
.icon-person-add, .status__content a, .edit-indicator__content a, .reply-indicator__content a, .compose-form .compose-form__warning a, .status__quote-icon, .search-results__section__header button {
color: #0057C3;
}
.admin-wrapper .content__heading__tabs a.selected, .button.button-tertiary:hover {
background: #0057C3;
color: #fff;
}
.admin-wrapper .content__heading__tabs a:hover {
background: #3b6599;
}
.simple_form .btn, .dashboard__quick-access {
background: #0057C3;
}
.simple_form .btn:hover, .dashboard__quick-access:hover {
background: #003578;
}
.simple_form .btn:active, .dashboard__quick-access:active {
background: #003578;
}
.drawer__tab, .emoji-mart-anchor-selected, .simple_form .hint a {
color: #0057C3;
}
.account__domain-pill__popout, .language-dropdown__dropdown {
background: #06111E;
border: 1px solid rgb(0, 87, 195);
}
.account__domain-pill, .admin-wrapper .sidebar ul .simple-navigation-active-leaf a, .follow_requests-unlocked_explanation a, .about__section__title, .timeline-hint a {
color: #0069EB;
}
.compose-form .spoiler-input__input {
color: #0064ff;
}
.icon-with-badge__badge, .account__section-headline a.active::before {
background: #0069EB;
}
.language-dropdown__dropdown__results__item.active {
background: #0057C3;
color: #fff;
outline: 0;
}
.emoji-mart-anchor-bar {
background-color: #0057C3;
}
.privacy-dropdown__option.active, .notification__filter-bar button.active::before, .conversation__unread {
background: #0057C3;
}
.notification-ungrouped__header, .status__relative-time, .conversation__content__relative-time, .status__prepend, .notification-ungrouped--direct .notification-ungrouped__header, .status__wrapper-direct .status__prepend, .detailed-status__wrapper-direct .status__prepend {
color: #9f7800;
}
.trends__item__sparkline path:last-child, .sparkline__graph path:last-child {
stroke: #0057c3 !important;
}
.trends__item__sparkline path:first-child,
.sparkline__graph path:first-child {
fill: rgba(128, 178, 255, 0.25) !important;
fill-opacity: 1 !important;
}
.conversation.unread::before, .notification-ungrouped--unread::before,
.notification-group--unread::before {
border-inline-start: 4px solid rgb(0, 87, 195);
}
.rules-list li::before {
background: #0057C3;
color: #fff;
}
.detailed-status__wrapper-direct .detailed-status, .detailed-status__wrapper-direct .detailed-status__action-bar, .simple_form textarea, .simple_form input[type="text"], .simple_form input[type="email"], .simple_form input[type=password], .simple_form input[type="url"], .language-dropdown__dropdown .emoji-mart-search input, .emoji-mart-search input,
.follow_requests-unlocked_explanation {
background: var(--input-background-color);
}
.hashtag-bar a:hover {
background: var(--indigo-3);
}
.simple_form select {
background: var(--input-background-color) url("data:image/svg+xml;utf8,") no-repeat right 8px center/auto 14px;
}
.flash-message {
border: 1px solid rgb(0, 105, 235);
}
.compose-form__actions .icon-button.disabled {
color: #4071b3;
}
.compose-form .compose-form__warning {
color: #292938;
background-color: rgb(115, 165, 230);
}
.status__wrapper-direct {
background-color: rgba(64, 64, 106, 0.18);
}
.filters .filter-subset a.selected {
color: #0057c3;
border-bottom: 2px solid #0057c3;
}
.button.button-tertiary {
color: #0055bf;
border: 1px solid #0055bf;
}
.simple_form .recommended {
border-color: #0055bf;
color: #0055bf;
background-color: rgb(99 139 255 / 10%);
}
.hashtag-bar a {
background-color: rgb(0 66 255 / 29%);
}
.status__content .emojione, .edit-indicator__content .emojione, .reply-indicator__content .emojione, .emojione, .detailed-status .status__content .emojione {
width: auto;
}
.poll__chart.leading, .account__section-headline button.active:before {
background: #0055bf;
}
.poll__chart {
background: #79b5ff;
}
.column-header.active .column-header__icon, .dismissable-banner__action .icon-button,.more-from-author a:hover, .more-from-author a:focus, .more-from-author a:active {
color: #0071ff;
}
a.status-card:hover .status-card__title, a.status-card:hover .status-card__host, a.status-card:hover .status-card__author, a.status-card:hover .status-card__description, a.status-card:focus .status-card__title, a.status-card:focus .status-card__host, a.status-card:focus .status-card__author, a.status-card:focus .status-card__description, a.status-card:active .status-card__title, a.status-card:active .status-card__host, a.status-card:active .status-card__author, a.status-card:active .status-card__description, .status-card a:hover .status-card__title, .status-card a:focus .status-card__title, .status-card a:hover .status-card__host, .status-card a:hover .status-card__description,.status-card a:hover .status-card__author, .status-card a:active .status-card__author {
color: #c00;
}
.dismissable-banner {
border: 1px solid rgb(0 85 191);
background: rgb(140 188 255 / 21%);
}
a.status-card, .status-card {
border: 1px solid #c00;
}
.status-card.expanded .status-card__image-image {
border-bottom: 1px solid #c00;
}
.status-card__image {
background: #86bcff;
color: #c00;
border-right: 1px solid #c00;
}
.story__details__title:hover, .story__details__title:active, .story__details__title:focus {
color: #c00;
}
.story__details__shared__pill {
background: var(--input-background-color);
background-color: rgb(0 66 255 / 29%);
}
.more-from-author {
background: var(--input-background-color);
border: 1px solid hsl(0deg 100% 50%);
margin-top: -2px;
}
.inline-follow-suggestions__body__scroll-button:hover .inline-follow-suggestions__body__scroll-button__icon, .inline-follow-suggestions__body__scroll-button__icon {
background: #0095ff;
}
.status--is-quote {
border: 1px solid #0055bf;
border-radius: 5px;
}
.search-results__section__header {
background: var(--input-background-color);
color: #0055bf;
}