Repository: hydralauncher/hydra-themes
Pull request #405: Matrix Theme
Author: login: 22Pedro22
Created: 2025-04-19T15:15:06Z | Merged: 2025-04-28T17:08:16Z



Diff:
diff --git a/themes/Matrix-75BbwEa5/screenshot.png b/themes/Matrix-75BbwEa5/screenshot.png
new file mode 100644
index 00000000..a1258674
Binary files /dev/null and b/themes/Matrix-75BbwEa5/screenshot.png differ
diff --git a/themes/Matrix-75BbwEa5/theme.css b/themes/Matrix-75BbwEa5/theme.css
new file mode 100644
index 00000000..aa540d61
--- /dev/null
+++ b/themes/Matrix-75BbwEa5/theme.css
@@ -0,0 +1,155 @@
+.header,
+.container__content,
+.game-details__description-container{
+  background: transparent;
+}
+
+.title-bar h4{
+  visibility: hidden;
+}
+
+.title-bar{
+  font-size: 15px;
+  font-weight: bold;
+}
+
+#root,
+.modal__content,
+.sidebar-profile__button{
+  background-image: url(https://i.pinimg.com/originals/c5/9a/d2/c59ad2bd4ad2fbacd04017debc679ddb.gif);
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+
+.title-bar{
+  background-image: url(https://i.imgur.com/A9m7Eke.gif);
+  background-repeat: no-repeat;
+  background-position: 10px;
+}
+
+.title-bar,
+.text-field-container__text-field-input,
+.sidebar__menu-item:hover,
+.sidebar,
+.catalogue__filters-container,
+.header__search,
+.modal__header,
+.modal__content,
+.edit-profile-modal__submit,
+.user-stats__list-item:hover,
+.recent-games__list-item:hover,
+.button--outline:hover,
+.sidebar-profile__friends-button,
+.sidebar-profile__friends-button:hover,
+.description-header,
+.sidebar-section__button,
+.list,
+.content-sidebar,
+.hero-panel-actions__action{
+  background-color: black;
+}
+
+.title-bar,
+.sidebar,
+.sidebar__menu-item-button,
+.filter-section__item,
+.checkbox-field,
+.edit-profile-modal__submit,
+.badge,
+.user-stats__list-title,
+.recent-games__game-title,
+.text-field-container label,
+.settings-general__common-redist-description,
+.theme-card__header__title,
+.settings-torbox__description,
+.settings-real-debrid__description,
+.select-field__label,
+.settings-account__section p,
+.settings-account__subscription-info,
+.settings-account__section small,
+.game-details__description-container,
+.list__item{
+  color: limegreen;
+}
+
+.sidebar__menu li,
+.sidebar-profile__button,
+.sidebar__section-title,
+.text-field-container__text-field-input::placeholder,
+.filter-section__title,
+.header__search-input::placeholder,
+.header__title,
+.modal__header-title,
+.text-field-containe,
+.text-field-container,
+.profile-content__section,
+.downloads__container,
+.download-group__title,
+.dropdown-menu__group,
+.home__content,
+.settings__content,
+.octicon-people,
+.user-friend-modal__header,
+.user-friend-modal-add-friend__pending-container{
+  color: white;
+}
+
+.sidebar__menu-item:hover,
+.text-field-container__text-field-input:hover,
+.header__search:hover,
+.sidebar-profile__button:hover,
+.edit-profile-modal__submit,
+.badge,
+.user-stats__list-item:hover,
+.recent-games__list-item:hover,
+.button--outline:hover,
+.sidebar-profile__friends-button:hover{
+  border: 1px solid limegreen;
+}
+
+.sidebar__menu-item:hover,
+.text-field-container__text-field-input,
+.header__search,
+.sidebar-profile__button:hover,
+.edit-profile-modal__submit,
+.user-library-game__wrapper,
+.user-stats__list-item,
+.recent-games__list-item,
+.hero,
+.game-card{
+  border-radius: 10px;
+}
+
+.checkbox-field__checkbox,
+.button--outline,
+.sidebar-profile__friends-button,
+.header__search,
+.text-field-container__text-field-input,
+.sidebar-profile__button{
+  border: 1px solid rgba(50, 205, 50, 0.300);
+}
+
+.game-item,
+.user-stats__box,
+.recent-games__box,
+.download-group__item,
+.dropdown-menu__group,
+.button--outline,
+.settings__content,
+.settings-download-sources__item,
+.game-details__description-content{
+  background-color: rgba(0, 0, 0, 0.700);
+}
+
+.edit-profile-modal__submit:hover,
+.button--primary,
+.button--primary:hover{
+  color: black;
+}
+
+.edit-profile-modal__submit:hover,
+.button--primary,
+.button--primary:hover,
+.download-group__header-divider{
+  background-color: limegreen;
+} 


Reviews:
user: login: greptile-apps[bot]
body: 
## PR Summary

Added two new themes (RainyDay and Matrix) to the Hydra launcher, featuring distinct visual styles with animated backgrounds and custom UI element styling.

- RainyDay theme uses semi-transparent white backgrounds (10% opacity) with white text and black shadows for readability
- Matrix theme implements a cyberpunk aesthetic with black backgrounds and limegreen accents (#32CD32)
- External GIF URLs (https://giffiles.alphacoders.com/219/219230.gif and https://i.pinimg.com/originals/c5/9a/d2/c59ad2bd4ad2fbacd2017debc679ddb.gif) may need local hosting for reliability
- Potential accessibility concerns with Matrix theme's color contrast between black backgrounds and limegreen text
- Typo in Matrix theme CSS selector `.text-field-containe` needs correction

<sub>💡 (3/5) Reply to the bot's comments like "Can you suggest a fix for this @greptileai?" or ask follow-up questions!</sub>

<sub>2 file(s) reviewed, 2 comment(s)</sub>
<sub>[Edit PR Review Bot Settings](https://app.greptile.com/review/github) | [Greptile](https://greptile.com?utm_source=greptile_expert&utm_medium=github&utm_campaign=code_reviews&utm_content=hydra-themes_405)</sub>
state: COMMENTED
author_association: CONTRIBUTOR
submitted_at: 2025-04-19T15:15:56Z

Review comments:
diff_hunk: @@ -0,0 +1,121 @@
+/*CSS file*/
+
+.sidebar,
+.header,
+.container__content,
+.game-details__description-container,
+.content-sidebar{
+  background: transparent;
+}
+
+.title-bar{
+  font-size: 15px;
+}
+
+#root{
+  background-image: url(https://giffiles.alphacoders.com/219/219230.gif);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+.sidebar__container{
+  padding: 15px;
+}
+
+.sidebar__content,
+.sidebar-profile{
+  margin-top: 10px;
+}
+
+.text-field-container__text-field-input,
+.text-field-container__text-field--dark,
+.sidebar-profile__friends-button,
+.header__search,
+.sidebar__content,
+.sidebar-profile,
+.title-bar,
+.user-stats__box,
+.recent-games__box,
+.modal,
+.text-field-container__text-field--primary,
+.game-details__cloud-sync-button,
+.game-details__description-container,
+.game-item,
+.catalogue__filters-container,
+.checkbox-field__checkbox,
+.download-group__item,
+.dropdown-menu__content,
+.settings__content,
+.settings-download-sources__item,
+.theme-card--active,
+.button--dark,
+.game-details__description,
+.list li,
+.sidebar-section__button,
+.description-header,
+::-webkit-scrollbar,
+.achievement-panel,
+.achievements__list,
+.description-header{
+  background-color: rgba(255, 255, 255, 0.100);
path: themes/RainyDay-75BbwEa5/theme.css
user: login: greptile-apps[bot]
body: logic: description-header class is duplicated in the selector list

```suggestion
.achievement-panel,
.achievements__list,
.description-header{
  background-color: rgba(255, 255, 255, 0.100);
```
created_at: 2025-04-19T15:15:36Z
author_association: CONTRIBUTOR
diff_hunk: @@ -0,0 +1,155 @@
+.header,
+.container__content,
+.game-details__description-container{
+  background: transparent;
+}
+
+.title-bar h4{
+  visibility: hidden;
+}
+
+.title-bar{
+  font-size: 15px;
+  font-weight: bold;
+}
+
+#root,
+.modal__content,
+.sidebar-profile__button{
+  background-image: url(https://i.pinimg.com/originals/c5/9a/d2/c59ad2bd4ad2fbacd04017debc679ddb.gif);
+  background-size: cover;
+  background-repeat: no-repeat;
+}
+
+.title-bar{
+  background-image: url(https://i.imgur.com/A9m7Eke.gif);
+  background-repeat: no-repeat;
+  background-position: 10px;
+}
+
+.title-bar,
+.text-field-container__text-field-input,
+.sidebar__menu-item:hover,
+.sidebar,
+.catalogue__filters-container,
+.header__search,
+.modal__header,
+.modal__content,
+.edit-profile-modal__submit,
+.user-stats__list-item:hover,
+.recent-games__list-item:hover,
+.button--outline:hover,
+.sidebar-profile__friends-button,
+.sidebar-profile__friends-button:hover,
+.description-header,
+.sidebar-section__button,
+.list,
+.content-sidebar,
+.hero-panel-actions__action{
+  background-color: black;
+}
+
+.title-bar,
+.sidebar,
+.sidebar__menu-item-button,
+.filter-section__item,
+.checkbox-field,
+.edit-profile-modal__submit,
+.badge,
+.user-stats__list-title,
+.recent-games__game-title,
+.text-field-container label,
+.settings-general__common-redist-description,
+.theme-card__header__title,
+.settings-torbox__description,
+.settings-real-debrid__description,
+.select-field__label,
+.settings-account__section p,
+.settings-account__subscription-info,
+.settings-account__section small,
+.game-details__description-container,
+.list__item{
+  color: limegreen;
+}
+
+.sidebar__menu li,
+.sidebar-profile__button,
+.sidebar__section-title,
+.text-field-container__text-field-input::placeholder,
+.filter-section__title,
+.header__search-input::placeholder,
+.header__title,
+.modal__header-title,
+.text-field-containe,
path: themes/Matrix-75BbwEa5/theme.css
user: login: greptile-apps[bot]
body: syntax: Typo in class name '.text-field-containe' missing 'r' at end

```suggestion

```
created_at: 2025-04-19T15:15:39Z
author_association: CONTRIBUTOR

PR comments:
user: login: sonarqubecloud[bot]
created_at: 2025-04-28T17:07:52Z
body: ## [![Quality Gate Passed](https://sonarsource.github.io/sonarcloud-github-static-resources/v2/checks/QualityGateBadge/qg-passed-20px.png 'Quality Gate Passed')](https://sonarcloud.io/dashboard?id=hydralauncher_hydra-themes&pullRequest=405) **Quality Gate passed**  
Issues  
![](https://sonarsource.github.io/sonarcloud-github-static-resources/v2/common/passed-16px.png '') [1 New issue](https://sonarcloud.io/project/issues?id=hydralauncher_hydra-themes&pullRequest=405&issueStatuses=OPEN,CONFIRMED&sinceLeakPeriod=true)  
![](https://sonarsource.github.io/sonarcloud-github-static-resources/v2/common/accepted-16px.png '') [0 Accepted issues](https://sonarcloud.io/project/issues?id=hydralauncher_hydra-themes&pullRequest=405&issueStatuses=ACCEPTED)

Measures  
![](https://sonarsource.github.io/sonarcloud-github-static-resources/v2/common/passed-16px.png '') [0 Security Hotspots](https://sonarcloud.io/project/security_hotspots?id=hydralauncher_hydra-themes&pullRequest=405&issueStatuses=OPEN,CONFIRMED&sinceLeakPeriod=true)  
![](https://sonarsource.github.io/sonarcloud-github-static-resources/v2/common/passed-16px.png '') [0.0% Coverage on New Code](https://sonarcloud.io/component_measures?id=hydralauncher_hydra-themes&pullRequest=405&metric=new_coverage&view=list)  
![](https://sonarsource.github.io/sonarcloud-github-static-resources/v2/common/passed-16px.png '') [0.0% Duplication on New Code](https://sonarcloud.io/component_measures?id=hydralauncher_hydra-themes&pullRequest=405&metric=new_duplicated_lines_density&view=list)  
  
[See analysis details on SonarQube Cloud](https://sonarcloud.io/dashboard?id=hydralauncher_hydra-themes&pullRequest=405)


author_association: NONE