Steveen Echeverri Silva@steveenecheverrisilva

Hola comunidad, si alguien le interesa como personalizar los colores de la plataforma, y demás estilos, yo les recomiendo la extensión de Ghrome que se llama Stylish (temas a medida para cada sitio web), en mi caso modifique los estilos como un tema dark. Aquí les dejo una vista y las modificaciones en las clases que hice: Extención: https://chrome.google.com/webstore/detail/stylish-custom-themes-for/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=es

1body { 2 background: var(--dark-color); 3 color: var(--light-color); 4} 5.main-header { 6 border-bottom: 1px solid #fff; 7 background: var(--dark-color); 8} 9.main-menu a { 10 color: var(--light-color); 11} 12.main-logo { 13 height: 2.5rem; 14 background-color: #fff; 15 border-radius: 5px; 16 padding: 5px; 17 box-shadow: 0 0 6px 2px rgba(255,255,255,1); 18} 19.topbar { 20 background-color: var(--dark-color); 21} 22 23.meatballs-menu__nav { 24 background: var(--dark-color-darker); 25 box-shadow: 0 0 3px 2px rgba(255,255,255,1); 26} 27.lg-tooltip { 28 background-color: var(--dark-color-darker); 29} 30.dropdown ul .main-menu__item a { 31 color: var(--light-color); 32} 33 34.notification-panel { 35 background-color: var(--dark-color-darker); 36} 37.color { 38 color: var(--color); 39} 40.text-color, 41.publication-editor__textarea{ 42 --color: var(--text-color-light); 43} 44textarea{ 45 color: #fff; 46} 47.dark-color { 48 --color: var(--grey-color-lighter); 49 --color-alt: var(--grey-color-lighter); 50} 51.answer { 52 color: var(--fourth-color-darker); 53} 54.vote{ 55 color: var(--first-color); 56} 57.featured-publication, 58.featured-publication__item, 59.foro-sidebar__list { 60 background-color: var(--dark-color-darker); 61} 62.create-publication.active.main .create-publication__container { 63 background-color: var(--dark-color); 64 border-radius: 5px; 65 box-shadow: 0 0 3px 2px rgba(255,255,255,1); 66} 67.courses-searchbar { 68 background-color: var(--dark-color-dark); 69} 70.footer-card { 71 background-color: var(--thumb-color-hover); 72} 73.s-bg-white { 74 background-color: var(--dark-color-darker); 75} 76.t4, .aside-course-card__price .t4, h3{ 77 color: var(--light-color); 78} 79.class-page-container{ 80 background-color: var(--dark-color); 81} 82.main-banner { 83 background-color: var(--dark-color-darker); 84} 85.s-to-bottom { 86 background-color: var(--dark-color-darker); 87} 88.lg-bg-white { 89 background-color: var(--dark-color-dark); 90} 91.scroll, [class*=scroll], body { 92 --thumb-color: var(--dark-color-dark); 93 --thumb-color-hover: var(--dark-color-smooth); 94 --track-color: var(--dark-color-smoother); 95}

Escribe una respuesta