{"id":13474347,"url":"https://github.com/Godiesc/firefox-gx","last_synced_at":"2025-03-26T21:31:26.147Z","repository":{"id":40683402,"uuid":"438841250","full_name":"Godiesc/firefox-gx","owner":"Godiesc","description":"Opera GX Skin for Firefox","archived":false,"fork":false,"pushed_at":"2025-03-13T00:56:20.000Z","size":52321,"stargazers_count":920,"open_issues_count":6,"forks_count":41,"subscribers_count":12,"default_branch":"main","last_synced_at":"2025-03-24T17:09:46.209Z","etag":null,"topics":["css","firefox","firefox-theme","gx","opera","opera-gx","tema","theme","theme-css"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Godiesc.png","metadata":{"files":{"readme":"README.es.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-12-16T02:56:55.000Z","updated_at":"2025-03-23T17:33:19.000Z","dependencies_parsed_at":"2023-11-15T02:42:43.266Z","dependency_job_id":"2bba1323-9d00-4256-8942-ced5e91ece22","html_url":"https://github.com/Godiesc/firefox-gx","commit_stats":null,"previous_names":[],"tags_count":55,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Godiesc%2Ffirefox-gx","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Godiesc%2Ffirefox-gx/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Godiesc%2Ffirefox-gx/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Godiesc%2Ffirefox-gx/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Godiesc","download_url":"https://codeload.github.com/Godiesc/firefox-gx/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245738628,"owners_count":20664320,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","firefox","firefox-theme","gx","opera","opera-gx","tema","theme","theme-css"],"created_at":"2024-07-31T16:01:11.668Z","updated_at":"2025-03-26T21:31:26.113Z","avatar_url":"https://github.com/Godiesc.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"# Opera-GX Theme for Firefox Css\n[![en](https://img.shields.io/badge/lang-en-red.svg)](https://github.com/Godiesc/firefox-gx/blob/main/README.md)\n[![fr](https://img.shields.io/badge/lang-fr-blue.svg)](https://github.com/Godiesc/firefox-gx/blob/main/README.fr.md)\n\n\u003cul\u003e\u003cli\u003eTema para los amantes de la skin GX de Opera. Compatibilidad - Versión estable del navegador.\u003c/li\u003e\u003c/ul\u003e\n\n![GX-Animated](https://user-images.githubusercontent.com/22057609/210189445-ced79421-3e1e-411b-87ed-1afbff82d9b1.png)\n\n# ¿Cómo instalar?\n\n\u003cb\u003ePasos para configurar el tema:\u003c/b\u003e\n\u003col\u003e\n   \u003cli\u003eDescarga el tema desde la sección \u003cb\u003e \u003c\u003c Releases \u003e\u003e \u003c/b\u003e en el lado derecho de esta página.\u003c/code\u003e\u003c/li\u003e\n   \u003cli\u003eDescomprime el archivo y copia la carpeta 👉\u003ccode\u003echrome\u003c/code\u003e👈 y el archivo 👉\u003ccode\u003euser.js\u003c/code\u003e👈 dentro de la carpeta de perfil de tu usuario de firefox.\u003c/li\u003e\n   \u003cli\u003eInstala y usa un \u003ca href=\"https://github.com/Godiesc/firefox-gx#temas\" \u003etema\u003c/a\u003e compatible.\u003c/li\u003e\n   \u003cli\u003eReinicia el navegador.\u003c/li\u003e\n\u003c/ol\u003e\n\n\u003cul\u003e\u003cli\u003e\u003cp\u003e\u003cb\u003ePara encontrar el directorio de tu perfil de usuario ve a \u003ca href=\"https://github.com/Godiesc/firefox-gx#example-of-aboutsupport\"\u003e about:support\u003c/a\u003e o about:profiles.\u003c/b\u003e\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\n\u003c/br\u003e\n\n\u003e \u003cp\u003eNotice:\u003c/p\u003e ⚠ El último código actualizado en el repositorio (code \u003e download zip) puede funcionar bien sólo en versiones beta o nightly.\n\n# Temas\n\u003cul\u003e\u003cli\u003eTemas Principales \u003ca href= \"https://addons.mozilla.org/es/firefox/addon/beautiful-opera-gx-fucsia/\"\u003e🔴Fuchsia\u003c/a\u003e \u003ca href= \"https://addons.mozilla.org/es/firefox/addon/beautiful-opera-gx-blue/\"\u003e🔵Blue\u003c/a\u003e \u003ca href= \"https://addons.mozilla.org/es/firefox/addon/beautiful-gx-green/\" \u003e🟢Green\u003c/a\u003e\u003ca href= \"https://addons.mozilla.org/es/firefox/addon/beautiful-poison/\" \u003e🖍 Poison\u003c/a\u003e \u003ca href= \"https://addons.mozilla.org/es/firefox/addon/beautiful-swamp-in-autumn/\" \u003e🎑 Swamp\u003c/a\u003e\u003ca href= \"https://addons.mozilla.org/es/firefox/addon/beautiful-red-blur/\"\u003e🌈Red-Blur\u003c/a\u003e\u003ca href= \"https://addons.mozilla.org/es/firefox/addon/beautiful-purple-sky/\"\u003e 🌆 Purple-Sky\u003c/a\u003e \u003c/li\u003e\n\n\u003cli\u003e Otros Colores \u003ca href= \"https://addons.mozilla.org/es/firefox/addon/opera-gx-witchcraft-purple/\"\u003e💜Purple\u003c/a\u003e \u003ca href= \"https://addons.mozilla.org/es/firefox/addon/opera-gx-electric-aquamarine/\"\u003e💚Aquamarine\u003c/a\u003e \u003ca href= \"https://addons.mozilla.org/es/firefox/addon/opera-gx-ember-orange/\"\u003e🦧Orange\u003c/a\u003e \u003ca href= \"https://addons.mozilla.org/es/firefox/addon/opera-gx-frozen-cyan/\"\u003e💠Cyan\u003c/a\u003e \u003ca href= \"https://addons.mozilla.org/es/firefox/addon/opera-gx-level-up-green/\"\u003e🍏GreenLight\u003c/a\u003e \u003ca href= \"https://addons.mozilla.org/es/firefox/addon/opera-gx-stamina-yellow/\"\u003e💛Yellow\u003c/a\u003e \u003ca href= \"https://addons.mozilla.org/es/firefox/addon/opera-gx-wizard-grey/\"\u003e 🗻Gray\u003c/a\u003e\u003c/li\u003e\n   \u003cli\u003eTemas Claros: \u003ca href=\"https://addons.mozilla.org/es/firefox/addon/opera-light/\"\u003e ⚪🔴 Fuchsia\u003c/a\u003e \u003ca href=\"https://addons.mozilla.org/es/firefox/addon/beautiful-waves/\"\u003e ⚪🔵 Waves\u003c/a\u003e\u003c/li\u003e\u003c/ul\u003e\n\n\u003cp\u003ePuedes usar la extensión \u003ca href=\"https://addons.mozilla.org/es/firefox/addon/gx-theme-styles\"\u003e\"GX Theme Styles\"\u003c/a\u003e para cambiar facilmente los temas y colores, essta extensión funciona para temas sólidos y para usuarios que usan la configuración \"Main-image\". Para cambiar la imagen de la página Nueva Pestaña y su color de acento debes hacerlo manualmente como de costumbre. Esta extensión fue creado por mi.\u003c/p\u003e\n\n![imagen](https://github.com/Godiesc/firefox-gx/assets/22057609/c584a7ea-2410-4504-9de4-c00046da4b02) \n   \n\u003cp\u003e\u003cb\u003eAquí un \u003ca href=\"https://imgur.com/a/0ZASdRb\"\u003e\"Video Explicativo\"\u003c/a\u003e de cómo cambiar al modo claro y oscuro su contenido web.\u003c/b\u003e\u003c/p\u003e\n\n\u003chr size=1px;border-style=dotted;color=\"#50505050\" /\u003e\n \n\u003col\u003e\u003cp\u003eTambién puedes usar la extensión \u003cb\u003e\u003ca href=\"https://addons.mozilla.org/es/firefox/addon/firefox-color/\"\u003e\"Firefox Color\"\u003c/a\u003e \u003c/b\u003epara cambiar el color de acento al que tú quieras.\u003c/p\u003e\n\u003cli\u003eInstala la extensión Firefox Color.\u003c/li\u003e\n\u003cli\u003e Abre el tema que quieres aplicar: \u003ca href=\"https://color.firefox.com/?theme=XQAAAAJWBAAAAAAAAABBKYhm849SCicxcUfbB38oKRicm6da8pC6zcajvXUxVWhow0XG5K6BSwfdWytulM34uzM3LhuZvlDLNlGrQWcJvtOkdch_qcsPVi0nURBtsyHwEHcPSSdZBUPlEd-vDQwNy7595jjXYHVUDZw8QUFX13YJoRcCcwEU_Dzw709yH1YhjPaZd9vc7d_pmujWu5Wak7eyIlDRz7msPTiOUQAGJk08pOmPGTlzqfqv_zVenGs8n34O-pwABvBa3bniENYtOjF2zG6a1clmNiITgbNcIb_62b4a9Yemcqv7EZHQrCW7zmsAvNSloPy7oL6whNUFLSwbI6Mw5vgLa-hxr68dhAHr1ci0sPBuzH4X2v7tLQo5vKFoUH93wsR4AwL9J43ZXmO9TER1RnH2xUG4I0NvW4qxmJjIat-ppv43c0-fRci1Bj6noY7L9y6poRreLfdGKUXGbKH0FLlRHhs-Bia-AWSh_UuNqz1ILqetzdDWEtHtq2xzUlsh56YTwVUn1MCnjH3ms_M2oZCiP5nz8yVJeLgQPR0F6WFW4nJItk3xtTf9kvzHolSRcToly_Y8OTydALDLYe28MG_QaZDIhDmgJYn8pIdOSufv2FBPdGAxKQXqhhzhzNqEIz5uMi4Jz4ap3D7S1LXeRP_7RdGY\"\u003e ⚫ Tema Oscuro\u003c/a\u003e o \u003ca href=\"https://color.firefox.com/?theme=XQAAAAKEBAAAAAAAAABBKYhm849SCicxcUfbB38oKRicm6da8pvltSB9WkV2c-XLRbQ1Oez1zWXjUJZMfxQUKzTC_-cAsWtnZjVBpeauBmTjVBPomCKsNVE80fvRwY-rJ65R4jKCyUVJUxrFBxVOxkA_Rxvv8TOD070oV0UwW995RyQV9JG-qcd5cFRiuYzkoOoHlCuFUVFtPj-_VSSr0BzL4pxY0IpdnWN0KWhRBmt3bJSbrY2SZACmpn1-skZEU9Pl7kzFVSTXlVU1skeP3kB-2KFUyqRH8Bq3xQ7pvZUvgKGdOF1eMnUXONJyIXPMhZtlrI7Obxy9YLSETBcgDeTe9bxN3BBYKOuF10prltedblsTxpIdNNgEoG2yh9uTnk3c89KqyaYqsomU-bkA9mnxUzpdUGedTZy2yRp9rBdPL4OdYjxI6RX_vOIwZIreHwYr6bE18aOxjMyNAVkKeN7DlxTjNUXmGPcEA0AEAdibEk3tv-OZ9gM8LqxIC0vu9IQNCetSFNPUfnFa2mp-WLBnl9jxa_r-5geKcLuM29u1Tc1YVcfuE0T38PfAh6RtjUPUGW6AhKR5Q25wKre_e_CN-gF5_EA1eeTI_-9-6wg\"\u003e ⚪ Tema Claro\u003c/a\u003e.\u003c/li\u003e\n\u003cli\u003e Ve a la pestaña \"Advanced colors\" y cambia el color en \"icons attention\", este color cambiará el color de acento del tema.\u003c/li\u003e\u003c/ol\u003e\n\n# Extras\n\u003cp\u003eDentro de la carpeta \"Extras\" encontrarás las siguientes características adicionales:\u003c/p\u003e\n\u003cul\u003e\u003cli\u003e\u003ca href=\"https://github.com/Godiesc/firefox-gx/tree/main/Extras/OneLine\"\u003e\u003cb\u003eOneLine\u003c/b\u003e\u003c/a\u003e - La barra de pestañas se muestra al lado de la barra de navegación.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/Godiesc/firefox-gx/tree/main/Extras/Tab-Shapes\"\u003e\u003cb\u003eTab Shapes\u003c/b\u003e\u003c/a\u003e - Da a las pestañas otro estilo.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/Godiesc/firefox-gx/tree/main/Extras/Main-Image\"\u003e\u003cb\u003eMain-Image\u003c/b\u003e\u003c/a\u003e\u003c/a\u003e - Esta configuración simula una imagen tras todo el navegador.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/Godiesc/firefox-gx/tree/main/Extras/Left-SideBar\"\u003e\u003cb\u003eLeft Side-Bar\u003c/b\u003e\u003c/a\u003e - La barra de marcadores se desplegará en el lado izquierdo del navegador.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/Godiesc/firefox-gx/tree/main/Extras/TreeStyle-tabs\"\u003e\u003cb\u003eTree Style Tabs\u003c/b\u003e\u003c/a\u003e - Compatibilidad con extensiones que ponen las pestañas verticalmente.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/Godiesc/firefox-gx/tree/main/Extras/Classic-Sound-icon\"\u003e\u003cb\u003eClassic-Sound-icon\u003c/b\u003e\u003c/a\u003e - Las pestañas con sonido mostrarán una imagen rítmica.\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/MemeMan404/GX-NewTab-using-NightTab\"\u003e\u003cb\u003eNight tab extension\u003c/b\u003e\u003c/a\u003e -Nuevo estilo de la página -Nueva Pestaña- usando la extensión Nighttab [external partner]\u003c/li\u003e\n\u003cli\u003e\u003ca href=\"https://github.com/Godiesc/firefox-gx/tree/main/Extras/Play-Pause\"\u003e\u003cb\u003ePlay/Pause icon button extension\u003c/b\u003e\u003c/a\u003e - Permite reproducir/pausar pestañas dando clic en el botón de sonido.\u003c/li\u003e\n\u003c/ul\u003e\n\n# Personalizar\n\n\u003cb\u003e\u003ci\u003ePersonalizaciones Varias\u003c/i\u003e\u003c/b\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cp\u003eEl archivo \u003ccode\u003echrome/components/ogx_root-personal.css\u003c/code\u003e contiene variables útiles para cambiar lo siguiente:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003eFondo en la pagina Nueva Pestaña y su brillo.\u003c/li\u003e\n\u003cli\u003eAltura de las pestañas y altura de la barra de navegación.\u003c/li\u003e\n\u003cli\u003eEl ancho y la etiqueta del botón Menú.\u003c/li\u003e\n\u003cli\u003eOcultar o mostrar el logo o barra de búsqueda en la pagina de Nueva Pestaña.\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eCada variable tiene una descripción a su derecha para que puedas editar sin romper el archivo.\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\n\n\u003cb\u003e\u003ci\u003eFondo Nueva Pestaña\u003c/i\u003e\u003c/b\u003e\n\u003cul\u003e\n   \u003cli\u003e\u003cp\u003e(Opción 1) En el directorio: \u003ccode\u003echrome/newtab\u003c/code\u003e hay 12 wallpapers (6 para temas claros y 6 para temas oscuros), esas imágenes se mostraran en las opciones de la página Nueva Pestaña para que puedas elegirlas, puedes renombrar tus imágenes con esos nombres y el tema va a desplagarlas. Encuentra más imágenes en: \u003ca href=\"https://imgur.com/a/j78IhJN\"\u003e\u003cb\u003eEsta Galería\u003c/b\u003e\u003c/a\u003e.\n\u003cli\u003e\u003cp\u003e(Opción 2) Edita el archivo \u003ccode\u003echrome/components/ogx_root-personal.css\u003c/code\u003e, las lineas de la \u003ccode\u003e18\u003c/code\u003e a la \u003ccode\u003e31\u003c/code\u003e.\u003cp\u003e\u003c/li\u003e\u003c/ul\u003e\u003c/br\u003e\n\n\u003cb\u003e\u003ci\u003eOther 'about' pages Wallpaper\u003c/i\u003e\u003c/b\u003e\n\n\u003cul\u003e\u003cli\u003ePor defecto el wallpaper seleccionado es \u003ccode\u003ewallpaper-dark1.png\u003c/code\u003e and \u003ccode\u003ewallpaper-light1.png\u003c/code\u003e en el directorio: \u003ccode\u003echrome/newtab\u003c/code\u003e, recombra las imagenes con esos nombres y el tema desplegará esa imagen en esas páginas, o también puedes cambiar los nombres de tus imágenes en el archivo \u003ccode\u003echrome/components/ogx_root-personal.css\u003c/code\u003e en las lineas 35 y linea 40.\u003c/li\u003e\u003c/ul\u003e\n\n\u003cb\u003e\u003ci\u003eColor de Acento\u003c/i\u003e\u003c/b\u003e\n\u003cul\u003e\n\u003cli\u003e\u003cp\u003eDebes editar el archivo \u003ccode\u003echrome/components/ogx_root-personal.css\u003c/code\u003e lineas de la 18 a la 31, puedes cambiar el color para cada wallpaper de la página Nueva Pestaña. Para otras páginas (NuevaPestaña sin wallpaper, Ajustes and página de complementos) el archivo \u003ccode\u003echrome/components/ogx_root-personal.css\u003c/code\u003e tiene la variable: \u003ccode\u003e--general-color\u003c/code\u003e para definir el color, puedes elegir el color que prefieras. 💙💚💜🤎💛🧡❤ Se requiere que reinices el navegador. \u003c/b\u003e\u003c/p\u003e\u003c/li\u003e\u003c/ul\u003e\n\n![Captura de pantalla 2022-06-05 155840](https://user-images.githubusercontent.com/22057609/172070426-0de79289-eaa3-4826-ac62-af6230cdf877.png)\n\n# Compatibilidad\n\n\u003cul\u003e\u003cli\u003eWindows 7 (Probado Parcialmente) ❌✔ - \u003ca href=\"https://github.com/Godiesc/firefox-gx/discussions/70\"\u003eVista Previa\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003eLinux - Manjaro KDE (Probado) ✔ - \u003ca href=\"https://imgur.com/a/Byo3Mn7\"\u003eVista Previa\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003eWindows 10 (Probado) ✔ - \u003ca href=\"https://imgur.com/a/aYl8fjn\"\u003eVista Previa\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003eWindows 11 (Probado) ✔ - \u003ca href=\"https://user-images.githubusercontent.com/6202392/168166690-b9f232c7-ff0e-4107-95f0-2910f1c3c6fb.png\" \u003eVista Previa\u003c/a\u003e\u003c/li\u003e\n\u003cli\u003eMacOS (Probado Parcialmente) ❌✔ - \u003ca href=\"https://i.imgur.com/Y6V0dwr.png\"\u003e Vista Previa\u003c/a\u003e\u003c/li\u003e\u003cul\u003e\u003cli\u003eBase theme\u003c/li\u003e\u003cli\u003eLeft-sidebar\u003c/li\u003e\u003c/ul\u003e\n\u003c/ul\u003e\n\n# Problemas Conocidos\n\u003cul\u003e\n\u003cli\u003eEn temas con imágenes se mostrará un mal fondo en la pestaña que estes moviendo.\u003c/li\u003e\n\u003cli\u003eNo es compatible con lenguajes RTL(right-to-left).\u003c/li\u003e\n\u003c/ul\u003e\n\n# Tema relacionado\nDisponible [Firefox-ONE](https://github.com/Godiesc/firefox-one)\n\n![SplashPromocionalFirefoxONE](https://github.com/Godiesc/firefox-one/assets/22057609/453c2917-8cee-4424-b550-e4e38f492c84)\n\n# Ejemplo de about:support\n\n![120349392-b372f980-c2c3-11eb-904d-b088168fd849](https://user-images.githubusercontent.com/22057609/156908375-824f8679-56a5-4d09-a86f-353a7f61135e.png)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGodiesc%2Ffirefox-gx","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FGodiesc%2Ffirefox-gx","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FGodiesc%2Ffirefox-gx/lists"}