Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
128 changes: 128 additions & 0 deletions pmadarkhomme/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,128 @@
# phpMyAdmin Dark Home Theme (pmadarkhomme)

A dark mode variant of the default phpMyAdmin theme (pmahomme), featuring a comfortable dark color scheme optimized for reduced eye strain during extended database administration sessions.

## Theme Details

- **Name**: pmadarkhomme
- **Version**: 5.0
- **Based On**: pmahomme (Default phpMyAdmin Theme)
- **Supports**: phpMyAdmin 5.0, 5.1, 5.2

## Color Scheme

This theme uses a carefully selected dark color palette:

### Background Colors
- **Main Background**: `#1a1a1a` - Deep charcoal
- **Navigation Panel**: `#1e1e1e` - Slightly lighter charcoal
- **Cards/Panels**: `#252525` - Medium dark gray
- **Table Rows (Alternate)**: `#2d2d2d` - Lighter gray stripes

### Text Colors
- **Primary Text**: `#d0d0d0` - Light gray
- **Headings**: `#e0e0e0` - Brighter light gray
- **Navigation Text**: `#e0e0e0` - High contrast for readability

### Accent Colors
- **Links**: `#5dade2` - Bright blue (high contrast)
- **Link Hover**: `#85c1e9` - Lighter blue
- **Browse Pointer**: `#2d5016` - Dark green background
- **Browse Marker**: `#8b5a00` - Dark orange background

### Form Elements
- **Input Background**: `#2d2d2d` - Medium gray
- **Input Border**: `#555` - Medium-dark border
- **Input Text**: `#e0e0e0` - Bright text for readability

## Key Features

1. **Reduced Eye Strain**: Dark backgrounds reduce screen brightness
2. **High Contrast**: Text and interactive elements maintain excellent readability
3. **Consistent Color Scheme**: All UI elements follow the same dark palette
4. **Professional Appearance**: Modern, sleek dark interface

## Development

### File Structure
```
pmadarkhomme/
├── theme.json # Theme metadata
├── scss/ # Source SCSS files
│ ├── _variables.scss # Color definitions & theme variables
│ ├── _common.scss # Common styles
│ ├── _reboot.scss # Base element overrides
│ ├── theme.scss # Main entry point
│ └── [other partials] # Additional component styles
├── css/ # Compiled CSS (generated)
│ ├── theme.css
│ └── theme.rtl.css
└── jquery/ # jQuery UI theme overrides
```

### Building the Theme

After modifying SCSS files, compile to CSS:

```bash
# From project root
npm run css-compile

# Or # Or compile just this theme
npx sass themes/pmadarkhomme/scss:themes/pmadarkhomme/css --style=compressed
```

### Customizing Colors

To customize the theme colors, edit `scss/_variables.scss`:

```scss
// Example: Change the navigation background
$navi-background: #1e1e1e; // Your custom color

// Example: Change link colors
$link-color: #5dade2; // Your custom color
```

After changes, run `npm run css-compile` to regenerate CSS files.

## Installation & Activation

1. **Already Included**: Theme is in `themes/pmadarkhomme/` directory
2. **Compile CSS**: Run `npm run css-compile` or `yarn css-compile`
3. **Activate Theme**:
- Login to phpMyAdmin
- Go to Settings → Appearance
- Select "pmadarkhomme" from theme dropdown
- Click "Apply" to save

Or set as default in `config.inc.php`:
```php
$cfg['ThemeDefault'] = 'pmadarkhomme';
```

## Browser Compatibility

Supports all modern browsers:
- Chrome/Edge 90+
- Firefox 88+
- Safari 14+
- Opera 76+

## Contributing

To improve this theme:

1. Edit SCSS files in `themes/pmadarkhomme/scss/`
2. Test changes by compiling CSS
3. Ensure contrast ratios meet accessibility guidelines (WCAG AA)
4. Submit pull request with clear description of changes

## License

GPL-2.0-only - Same as phpMyAdmin core

## Credits

Based on the original **pmahomme** theme by the phpMyAdmin developers.
Dark mode adaptation created to provide a modern, eye-friendly interface option.
1 change: 1 addition & 0 deletions pmadarkhomme/css/theme.css

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions pmadarkhomme/css/theme.css.map

Large diffs are not rendered by default.

3 changes: 3 additions & 0 deletions pmadarkhomme/css/theme.rtl.css

Large diffs are not rendered by default.

Binary file added pmadarkhomme/img/ajax_clock_small.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/arrow_ltr.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/arrow_rtl.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/asc_order.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_bookmark.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_browse.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_calendar.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_chart.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_close.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_column_add.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_comment.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_dbstatistics.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_deltbl.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_docs.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_docsql.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_drop.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_edit.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_empty.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_engine.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_event_add.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_events.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_export.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_favorite.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_find_replace.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_firstpage.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pmadarkhomme/img/b_ftext.png
Binary file added pmadarkhomme/img/b_globe.gif
Binary file added pmadarkhomme/img/b_group.png
Binary file added pmadarkhomme/img/b_help.png
Binary file added pmadarkhomme/img/b_home.png
Binary file added pmadarkhomme/img/b_import.png
Binary file added pmadarkhomme/img/b_index.png
Binary file added pmadarkhomme/img/b_index_add.png
Binary file added pmadarkhomme/img/b_inline_edit.png
Binary file added pmadarkhomme/img/b_insrow.png
Binary file added pmadarkhomme/img/b_key.png
Binary file added pmadarkhomme/img/b_lastpage.png
Binary file added pmadarkhomme/img/b_left.png
Binary file added pmadarkhomme/img/b_minus.png
Binary file added pmadarkhomme/img/b_more.png
Binary file added pmadarkhomme/img/b_move.png
Binary file added pmadarkhomme/img/b_newdb.png
Binary file added pmadarkhomme/img/b_newtbl.png
Binary file added pmadarkhomme/img/b_nextpage.png
Binary file added pmadarkhomme/img/b_no_favorite.png
Binary file added pmadarkhomme/img/b_pdfdoc.png
Binary file added pmadarkhomme/img/b_plugin.png
Binary file added pmadarkhomme/img/b_plus.png
Binary file added pmadarkhomme/img/b_prevpage.png
Binary file added pmadarkhomme/img/b_primary.png
Binary file added pmadarkhomme/img/b_print.png
Binary file added pmadarkhomme/img/b_props.png
Binary file added pmadarkhomme/img/b_relations.png
1 change: 1 addition & 0 deletions pmadarkhomme/img/b_rename.svg
Binary file added pmadarkhomme/img/b_report.png
Binary file added pmadarkhomme/img/b_right.png
Binary file added pmadarkhomme/img/b_routine_add.png
Binary file added pmadarkhomme/img/b_routines.png
Binary file added pmadarkhomme/img/b_save.png
Binary file added pmadarkhomme/img/b_saveimage.png
Binary file added pmadarkhomme/img/b_sbrowse.png
Binary file added pmadarkhomme/img/b_sdb.png
Binary file added pmadarkhomme/img/b_search.png
Binary file added pmadarkhomme/img/b_select.png
Binary file added pmadarkhomme/img/b_snewtbl.png
Binary file added pmadarkhomme/img/b_spatial.png
Binary file added pmadarkhomme/img/b_sql.png
Binary file added pmadarkhomme/img/b_sqldoc.png
Binary file added pmadarkhomme/img/b_sqlhelp.png
Binary file added pmadarkhomme/img/b_table_add.png
Binary file added pmadarkhomme/img/b_tblanalyse.png
Binary file added pmadarkhomme/img/b_tblexport.png
Binary file added pmadarkhomme/img/b_tblimport.png
Binary file added pmadarkhomme/img/b_tblops.png
Binary file added pmadarkhomme/img/b_tbloptimize.png
Binary file added pmadarkhomme/img/b_tipp.png
Binary file added pmadarkhomme/img/b_trigger_add.png
Binary file added pmadarkhomme/img/b_triggers.png
Binary file added pmadarkhomme/img/b_undo.png
Binary file added pmadarkhomme/img/b_unique.png
Binary file added pmadarkhomme/img/b_usradd.png
Binary file added pmadarkhomme/img/b_usrcheck.png
Binary file added pmadarkhomme/img/b_usrdrop.png
Binary file added pmadarkhomme/img/b_usredit.png
Binary file added pmadarkhomme/img/b_usrlist.png
Binary file added pmadarkhomme/img/b_versions.png
Binary file added pmadarkhomme/img/b_view.png
Binary file added pmadarkhomme/img/b_view_add.png
Binary file added pmadarkhomme/img/b_views.png
Binary file added pmadarkhomme/img/bd_browse.png
Binary file added pmadarkhomme/img/bd_deltbl.png
Binary file added pmadarkhomme/img/bd_drop.png
Binary file added pmadarkhomme/img/bd_edit.png
Binary file added pmadarkhomme/img/bd_empty.png
Binary file added pmadarkhomme/img/bd_export.png
Binary file added pmadarkhomme/img/bd_firstpage.png
Binary file added pmadarkhomme/img/bd_ftext.png
Binary file added pmadarkhomme/img/bd_index.png
Binary file added pmadarkhomme/img/bd_insrow.png
Binary file added pmadarkhomme/img/bd_lastpage.png
Binary file added pmadarkhomme/img/bd_nextpage.png
Binary file added pmadarkhomme/img/bd_prevpage.png
Binary file added pmadarkhomme/img/bd_primary.png
Binary file added pmadarkhomme/img/bd_routine_add.png
Binary file added pmadarkhomme/img/bd_sbrowse.png
Binary file added pmadarkhomme/img/bd_select.png
Binary file added pmadarkhomme/img/bd_spatial.png
Binary file added pmadarkhomme/img/bd_unique.png
Binary file added pmadarkhomme/img/centralColumns.png
Binary file added pmadarkhomme/img/centralColumns_add.png
Binary file added pmadarkhomme/img/centralColumns_delete.png
Binary file added pmadarkhomme/img/col_drop.png
Binary file added pmadarkhomme/img/col_pointer.png
Binary file added pmadarkhomme/img/col_pointer_ver.png
Binary file added pmadarkhomme/img/console.png
Binary file added pmadarkhomme/img/database.png
Binary file added pmadarkhomme/img/designer/1.png
Binary file added pmadarkhomme/img/designer/2.png
Binary file added pmadarkhomme/img/designer/2leftarrow.png
Binary file added pmadarkhomme/img/designer/2leftarrow_m.png
Binary file added pmadarkhomme/img/designer/2rightarrow.png
Binary file added pmadarkhomme/img/designer/2rightarrow_m.png
Binary file added pmadarkhomme/img/designer/3.png
Binary file added pmadarkhomme/img/designer/4.png
Binary file added pmadarkhomme/img/designer/5.png
Binary file added pmadarkhomme/img/designer/6.png
Binary file added pmadarkhomme/img/designer/7.png
Binary file added pmadarkhomme/img/designer/8.png
Binary file added pmadarkhomme/img/designer/FieldKey_small.png
Binary file added pmadarkhomme/img/designer/Field_small.png
Binary file added pmadarkhomme/img/designer/Field_small_char.png
Binary file added pmadarkhomme/img/designer/Field_small_date.png
Binary file added pmadarkhomme/img/designer/Field_small_int.png
Binary file added pmadarkhomme/img/designer/anchor.png
Binary file added pmadarkhomme/img/designer/and_icon.png
Binary file added pmadarkhomme/img/designer/ang_direct.png
Binary file added pmadarkhomme/img/designer/bottom.png
Binary file added pmadarkhomme/img/designer/def.png
Binary file added pmadarkhomme/img/designer/display_field.png
Binary file added pmadarkhomme/img/designer/downarrow1.png
Binary file added pmadarkhomme/img/designer/downarrow2.png
Binary file added pmadarkhomme/img/designer/downarrow2_m.png
Binary file added pmadarkhomme/img/designer/exec.png
Binary file added pmadarkhomme/img/designer/exec_small.png
Binary file added pmadarkhomme/img/designer/exitFullscreen.png
Binary file added pmadarkhomme/img/designer/export.png
Binary file added pmadarkhomme/img/designer/favicon.ico
Binary file not shown.
Binary file added pmadarkhomme/img/designer/grid.png
Binary file added pmadarkhomme/img/designer/help.png
Binary file added pmadarkhomme/img/designer/help_relation.png
Binary file added pmadarkhomme/img/designer/left_panel_tab.png
Binary file added pmadarkhomme/img/designer/minus.png
Binary file added pmadarkhomme/img/designer/or_icon.png
Binary file added pmadarkhomme/img/designer/other_table.png
Binary file added pmadarkhomme/img/designer/page_add.png
Binary file added pmadarkhomme/img/designer/page_delete.png
Binary file added pmadarkhomme/img/designer/page_edit.png
Binary file added pmadarkhomme/img/designer/pdf.png
Binary file added pmadarkhomme/img/designer/plus.png
Binary file added pmadarkhomme/img/designer/query_builder.png
Binary file added pmadarkhomme/img/designer/relation.png
Binary file added pmadarkhomme/img/designer/reload.png
Binary file added pmadarkhomme/img/designer/resize.png
Binary file added pmadarkhomme/img/designer/resizeright.png
Binary file added pmadarkhomme/img/designer/rightarrow1.png
Binary file added pmadarkhomme/img/designer/rightarrow2.png
Binary file added pmadarkhomme/img/designer/save.png
Binary file added pmadarkhomme/img/designer/save_as.png
Binary file added pmadarkhomme/img/designer/small_tab.png
Binary file added pmadarkhomme/img/designer/table.png
Binary file added pmadarkhomme/img/designer/toggle_lines.png
Binary file added pmadarkhomme/img/designer/top_panel.png
Binary file added pmadarkhomme/img/designer/uparrow2_m.png
Binary file added pmadarkhomme/img/designer/viewInFullscreen.png
Binary file added pmadarkhomme/img/east-mini.png
Binary file added pmadarkhomme/img/error.ico
Binary file not shown.
Binary file added pmadarkhomme/img/eye.png
Binary file added pmadarkhomme/img/eye_grey.png
Binary file added pmadarkhomme/img/hide.png
Binary file added pmadarkhomme/img/item.png
Binary file added pmadarkhomme/img/lightbulb.png
Binary file added pmadarkhomme/img/lightbulb_off.png
Binary file added pmadarkhomme/img/lock_open.png
Binary file added pmadarkhomme/img/logo_left.png
Binary file added pmadarkhomme/img/logo_right.png
Binary file added pmadarkhomme/img/more.png
Binary file added pmadarkhomme/img/new_data.png
Binary file added pmadarkhomme/img/new_data_hovered.png
Binary file added pmadarkhomme/img/new_data_selected.png
Binary file added pmadarkhomme/img/new_data_selected_hovered.png
Binary file added pmadarkhomme/img/new_struct.png
Binary file added pmadarkhomme/img/new_struct_hovered.png
Binary file added pmadarkhomme/img/new_struct_selected.png
Binary file added pmadarkhomme/img/new_struct_selected_hovered.png
Binary file added pmadarkhomme/img/normalize.png
Binary file added pmadarkhomme/img/north-mini.png
Binary file added pmadarkhomme/img/pause.png
Binary file added pmadarkhomme/img/php_sym.png
Binary file added pmadarkhomme/img/play.png
Binary file added pmadarkhomme/img/pma_logo2.png
Binary file added pmadarkhomme/img/s_asc.png
Binary file added pmadarkhomme/img/s_asci.png
Binary file added pmadarkhomme/img/s_attention.png
Binary file added pmadarkhomme/img/s_cancel.png
Binary file added pmadarkhomme/img/s_cancel2.png
Binary file added pmadarkhomme/img/s_cog.png
Binary file added pmadarkhomme/img/s_collapseall.png
Binary file added pmadarkhomme/img/s_db.png
Binary file added pmadarkhomme/img/s_desc.png
Binary file added pmadarkhomme/img/s_error.png
Binary file added pmadarkhomme/img/s_fulltext.png
Binary file added pmadarkhomme/img/s_host.png
Binary file added pmadarkhomme/img/s_info.png
Binary file added pmadarkhomme/img/s_lang.png
Binary file added pmadarkhomme/img/s_link.png
Binary file added pmadarkhomme/img/s_lock.png
Binary file added pmadarkhomme/img/s_loggoff.png
Binary file added pmadarkhomme/img/s_notice.png
Binary file added pmadarkhomme/img/s_okay.png
Binary file added pmadarkhomme/img/s_partialtext.png
Binary file added pmadarkhomme/img/s_passwd.png
Binary file added pmadarkhomme/img/s_process.png
Binary file added pmadarkhomme/img/s_really.png
Binary file added pmadarkhomme/img/s_reload.png
Binary file added pmadarkhomme/img/s_replication.png
Binary file added pmadarkhomme/img/s_rights.png
Binary file added pmadarkhomme/img/s_sortable.png
Binary file added pmadarkhomme/img/s_status.png
Binary file added pmadarkhomme/img/s_success.png
Binary file added pmadarkhomme/img/s_sync.png
Binary file added pmadarkhomme/img/s_tbl.png
Binary file added pmadarkhomme/img/s_theme.png
Binary file added pmadarkhomme/img/s_top.png
Binary file added pmadarkhomme/img/s_unlink.png
Binary file added pmadarkhomme/img/s_vars.png
Binary file added pmadarkhomme/img/s_views.png
Binary file added pmadarkhomme/img/show.png
Binary file added pmadarkhomme/img/south-mini.png
Binary file added pmadarkhomme/img/spacer.png
Binary file added pmadarkhomme/img/toggle-ltr.png
Binary file added pmadarkhomme/img/toggle-rtl.png
Binary file added pmadarkhomme/img/vertical_line.png
Binary file added pmadarkhomme/img/west-mini.png
Binary file added pmadarkhomme/img/window-new.png
Binary file added pmadarkhomme/img/zoom-minus-mini.png
Binary file added pmadarkhomme/img/zoom-plus-mini.png
Binary file added pmadarkhomme/img/zoom-world-mini.png
Loading