some themes #3988
Maguz0
started this conversation in
Show and tell
some themes
#3988
Replies: 3 comments
-
/* ================== CONFIGURACIÓN PARA YTMD (DESKTOP) ================== */
:root {
/* COLORES VERDES - AJUSTA ESTOS SEGÚN TU GUSTO */
--ytmusic-playbutton-color: #0ac000; /* Texto principal (títulos, enlaces) */
--ytmusic-light-2: #0ac000; /* Texto secundario (descripciones) */
--ytmusic-bg-dark: #000; /* Fondo oscuro */
--ytmusic-accent: #0ac000; /* Acentos (botones, iconos) */
/* ================== FUENTES OBLIGATORIAS PARA TODA LA INTERFAZ ================== */
/* Asegurar que no haya texto blanco */
--ytmusic-text-shadow: none !important;
}
/* ================== APLICA EL VERDE A TODOS LOS ELEMENTOS ================== */
/* 1. Texto global (sin excepciones) - FORZAMOS LA FUENTE EN TODOS LOS ELEMENTOS */
* {
color: var(--ytmusic-light-2) !important;
font-family: var(--ytmusic-standard-text-font-family) !important;
text-shadow: var(--ytmusic-text-shadow) !important;
}
/* 2. Selector específico para el app de escritorio (YTMD) - CONFIRMAMOS */
.ytmd-root,
.ytmd-app,
.ytmd-container,
.ytmd-content,
.ytmd-header,
.ytmd-sidebar,
.ytmd-player-bar,
.ytmd-play-button,
.ytmd-icon,
.ytmd-button,
.ytmd-text,
.ytmd-list-item,
.ytmd-carousel-item,
.ytmd-header-title,
.ytmd-subtitle,
.ytmd-description,
.ytmd-search-box,
.ytmd-header-renderer,
.ytmd-detail-header-renderer,
.ytmd-player-queue-item,
.ytmd-songs-list,
.ytmd-artist-name,
.ytmd-album-name,
.ytmd-track-title,
.ytmd-lyrics-container,
.ytmd-lyrics-text {
color: var(--ytmusic-light-2) !important;
font-family: var(--ytmusic-standard-text-font-family) !important;
}
/* 3. Iconos SVG (botón de reproducción) */
.ytmd-play-button svg path,
.ytmd-pause-button svg path,
.ytmd-icon svg path {
fill: var(--ytmusic-accent) !important;
}
/* 4. Barra de progreso */
.ytmd-progress-bar {
--ytmd-progress-background: var(--ytmusic-bg-dark) !important;
--ytmd-progress-fill: var(--ytmusic-accent) !important;
}
/* 5. Fuentes (modificables fácilmente) */
body {
font-family: var(--ytmusic-standard-text-font-family) !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
/* 6. Ajustes para evitar conflictos */
.ytmd-dark-mode {
background-color: var(--ytmusic-bg-dark) !important;
color: var(--ytmusic-light-2) !important;
}
/* 7. Elementos específicos del app */
.ytmd-player-bar {
background-color: var(--ytmusic-bg-dark) !important;
border-top: 1px solid rgba(10, 192, 0, 0.3) !important;
}
.ytmd-list-item:hover {
background-color: rgba(10, 192, 0, 0.05) !important;
}
/* ================== FUENTES ESPECÍFICAS PARA LETRAS ================== */
/* Asegurar que las letras usen la fuente */
.ytmd-lyrics-container,
.ytmd-lyrics-text {
font-family: fool for love;
line-height: 1.5 !important;
letter-spacing: 0.05em !important;
} |
Beta Was this translation helpful? Give feedback.
0 replies
-
ese es lima electrica y este es gold night: /* ================== CONFIGURACIÓN PARA YTMD (DESKTOP) - BLACK AND GOLD ================== */
:root {
/* COLORES DORADOS - AJUSTA SEGÚN EL EJEMPLO (GOLD = #e5c100) */
--cust-ytmusic-play-nav-color: #000; /* Fondo de la barra de navegación */
--cust-ytmusic-dark-background: #000; /* Fondo oscuro principal */
--cust-ytmusic-dark-foreground: #000; /* Foreground oscuro (no usado en este tema) */
/* COLORES PRINCIPALES (DORADOS) */
--cust-ytmusic-light-2: #e5c100; /* Texto principal (títulos, enlaces) */
--cust-ytmusic-medium-3: #e5c100; /* Acentos (botones, iconos) */
--cust-ytmusic-header-text-1: #e5c100; /* Títulos principales */
--cust-ytmusic-header-text-2: #d5b21d; /* Subtítulos (tono más oscuro) */
/* ================== FUENTES OBLIGATORIAS PARA TODA LA INTERFAZ ================== */
/* Asegurar que no haya texto blanco */
--ytmusic-text-shadow: none !important;
}
/* ================== APLICA EL DORADO A TODOS LOS ELEMENTOS ================== */
/* 1. Texto global (sin excepciones) - FORZAMOS LA FUENTE EN TODOS LOS ELEMENTOS */
* {
color: var(--cust-ytmusic-light-2) !important;
font-family: var(--ytmusic-standard-text-font-family) !important;
text-shadow: var(--ytmusic-text-shadow) !important;
}
/* 2. Selector específico para el app de escritorio (YTMD) - CONFIRMAMOS */
.ytmd-root,
.ytmd-app,
.ytmd-container,
.ytmd-content,
.ytmd-header,
.ytmd-sidebar,
.ytmd-player-bar,
.ytmd-play-button,
.ytmd-icon,
.ytmd-button,
.ytmd-text,
.ytmd-list-item,
.ytmd-carousel-item,
.ytmd-header-title,
.ytmd-subtitle,
.ytmd-description,
.ytmd-search-box,
.ytmd-header-renderer,
.ytmd-detail-header-renderer,
.ytmd-player-queue-item,
.ytmd-songs-list,
.ytmd-artist-name,
.ytmd-album-name,
.ytmd-track-title,
.ytmd-lyrics-container,
.ytmd-lyrics-text {
color: var(--cust-ytmusic-light-2) !important;
font-family: var(--ytmusic-standard-text-font-family) !important;
}
/* 3. Iconos SVG (botón de reproducción) */
.ytmd-play-button svg path,
.ytmd-pause-button svg path,
.ytmd-icon svg path {
fill: var(--cust-ytmusic-medium-3) !important;
}
/* 4. Barra de progreso */
.ytmd-progress-bar {
--ytmd-progress-background: var(--cust-ytmusic-dark-background) !important;
--ytmd-progress-fill: var(--cust-ytmusic-medium-3) !important;
}
/* 5. Fuentes (modificables fácilmente) */
body {
font-family: var(--ytmusic-standard-text-font-family) !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
/* 6. Ajustes para evitar conflictos */
.ytmd-dark-mode {
background-color: var(--cust-ytmusic-dark-background) !important;
color: var(--cust-ytmusic-light-2) !important;
}
/* 7. Elementos específicos del app */
.ytmd-player-bar {
background: var(--cust-ytmusic-play-nav-color) !important;
border-top: 1px solid rgba(229, 193, 0, 0.3) !important;
}
.ytmd-list-item:hover {
background-color: rgba(229, 193, 0, 0.05) !important;
}
/* ================== FUENTES ESPECÍFICAS PARA LETRAS (CENTRADAS) ================== */
/* ASEGURAR QUE LAS LETRAS ESTÉN CENTRADAS (NO A LA IZQUIERDA) */
.ytmd-lyrics-container {
text-align: center !important;
margin: 0 auto !important;
width: 100% !important;
max-width: 90% !important;
padding: 10px 0 !important;
line-height: 1.5 !important;
letter-spacing: 0.05em !important;
overflow: hidden !important;
}
.ytmd-lyrics-text {
font-family: var(--ytmusic-lyrics-font-family) !important;
color: var(--cust-ytmusic-light-2) !important;
text-align: center !important;
line-height: 1.5 !important;
letter-spacing: 0.05em !important;
}
/* ================== OTROS ELEMENTOS CRUCIALES ================== */
/* Botones de control (para evitar que el texto se vea blanco) */
.paper-icon-button,
.yt-button-renderer[is-paper-button],
.ytmd-button {
color: var(--cust-ytmusic-light-2) !important;
background-color: rgba(229, 193, 0, 0.1) !important;
}
/* Ajustar el contenedor de letras para que no se desplace */
.ytmd-lyrics-container {
border-top: 1px solid rgba(229, 193, 0, 0.1) !important;
border-bottom: 1px solid rgba(229, 193, 0, 0.1) !important;
} |
Beta Was this translation helpful? Give feedback.
0 replies
-
a la hora que se ha subido esto deberia funcionar en la v3.11.0 de este programa 💯 espero no lo borren |
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
algunos temas que no funcionan en el apartado de temas por si quieren el gold night y el lima electrica
Beta Was this translation helpful? Give feedback.
All reactions