☰

itch user page grid

A new userstyle

As of 2025-01-25. See the latest version.

/* ==UserStyle==
@name           itch user page grid
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         rssaromeo
@license      GPLv3
==/UserStyle== */

@-moz-document regexp("https?://[^.]+\\.itch\\.io/?([?#].*|$)") {
.columns {
  display: flex;
  flex-direction: column;
}
.game_grid_widget.base_widget.user_game_grid {
  max-width: 960px;
  width: 100vw;
  display: flex !important;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap !important;
}
.game_grid_widget.base_widget.user_game_grid > * {
  width: 200px !important;
}

}

@-moz-document domain("itch.io") {
.drop_menu,
.group_header,
.menu_group {
  background-color: #8c8c8c !important;
  border-color: #000 !important;
}
.game_edit_theme_editor_widget.theme_editor_widget.slide_in-enter-done,
[name^="layout"],
.forms_simple_select_widget,
.forms_color_input_popup_widget.color_popout,
.horiz_input > *,
.forms_color_input_widget,
button.toggle_button,
fieldset {
  background-color: #8c8c8c !important;
  border-color: #000 !important;
}
.slider_fill {
  background-color: #555 !important;
}
.slider_track {
  background-color: #262626 !important;
}
}