bckelley/blueberry-pma-theme
1
0
Fork 0
mirror of https://github.com/bckelley/blueberry-pma-theme.git synced 2026-08-24 03:04:11 -05:00
Code Issues Packages Projects Releases Wiki Activity

[Blueberry] v1.1.0 Compatible with PMA v5.2

Browse Source
This commit is contained in:
Shahab Movahhedi
2022-10-24 15:05:07 +03:30
parent 824cc808cb
commit 7f1393715e
19 changed files with 187 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files
blueberry/README.md
+4 -4
View File
@@ -1,18 +1,18 @@
# Blueberry PHPMyAdmin Theme
# Blueberry phpMyAdmin Theme
[Blueberry](https://github.com/movahhedi/blueberry-pma-theme) is a modern dark theme for PHPMyAdmin, based on "pmahomme" theme (The default theme in PHPMyAdmin).
[Blueberry](https://github.com/movahhedi/blueberry-pma-theme) is a modern dark theme for phpMyAdmin, based on "pmahomme" theme (The default theme in phpMyAdmin).
Developed by **Shahab Movahhedi**
- Site: [shmovahhedi.com](https://shmovahhedi.com)
- Email: [dev@shmovahhedi.com](mailto:dev@shmovahhedi.com)
- GitHub: [@movahhedi](https://github.com/movahhedi)
### Developments and Copyrights
### Development and Copyrights
To build it for development, you need these:
- [NPM](https://www.npmjs.com/)
- [SASS](https://sass-lang.com/install)
- [Bootstrap 4.6.1](https://www.npmjs.com/package/bootstrap/v/4.6.1) (PMA doesn't support Bootstrap 5)
- [Bootstrap 5.2.2](https://www.npmjs.com/package/bootstrap/v/5.2.2)
The icons used in Blueberry is from [Fluency (Fluent UI) icon set](https://github.com/microsoft/fluentui-system-icons) by Microsoft (Thanks to [Icons8](https://icons8.com/)).
blueberry/css/theme-rtl.css
+4 -4
View File
File diff suppressed because one or more lines are too long
blueberry/css/theme-rtl.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long
blueberry/css/theme.css
+4 -4
View File
File diff suppressed because one or more lines are too long
blueberry/css/theme.css.map
+1 -1
View File
File diff suppressed because one or more lines are too long
blueberry/package-lock.json
Generated
+32 -40
View File
@@ -8,58 +8,50 @@
"name": "blueberry",
"version": "1.0.1",
"dependencies": {
"bootstrap": "^4.6.1"
"bootstrap": "^5.2.2"
}
},
"node_modules/bootstrap": {
"version": "4.6.1",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.1.tgz",
"integrity": "sha512-0dj+VgI9Ecom+rvvpNZ4MUZJz8dcX7WCX+eTID9+/8HgOkv3dsRzi8BGeZJCQU6flWQVYxwTQnEZFrmJSEO7og==",
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/bootstrap"
},
"peerDependencies": {
"jquery": "1.9.1 - 3",
"popper.js": "^1.16.1"
}
},
"node_modules/jquery": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==",
"peer": true
},
"node_modules/popper.js": {
"version": "1.16.1",
"resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
"integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==",
"deprecated": "You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1",
"node_modules/@popperjs/core": {
"version": "2.11.6",
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
"integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
"peer": true,
"funding": {
"type": "opencollective",
"url": "https://opencollective.com/popperjs"
}
},
"node_modules/bootstrap": {
"version": "5.2.2",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.2.tgz",
"integrity": "sha512-dEtzMTV71n6Fhmbg4fYJzQsw1N29hJKO1js5ackCgIpDcGid2ETMGC6zwSYw09v05Y+oRdQ9loC54zB1La3hHQ==",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/twbs"
},
{
"type": "opencollective",
"url": "https://opencollective.com/bootstrap"
}
],
"peerDependencies": {
"@popperjs/core": "^2.11.6"
}
}
},
"dependencies": {
"@popperjs/core": {
"version": "2.11.6",
"resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.6.tgz",
"integrity": "sha512-50/17A98tWUfQ176raKiOGXuYpLyyVMkxxG6oylzL3BPOlA6ADGdK7EYunSa4I064xerltq9TGXs8HmOk5E+vw==",
"peer": true
},
"bootstrap": {
"version": "4.6.1",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.6.1.tgz",
"integrity": "sha512-0dj+VgI9Ecom+rvvpNZ4MUZJz8dcX7WCX+eTID9+/8HgOkv3dsRzi8BGeZJCQU6flWQVYxwTQnEZFrmJSEO7og==",
"version": "5.2.2",
"resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.2.tgz",
"integrity": "sha512-dEtzMTV71n6Fhmbg4fYJzQsw1N29hJKO1js5ackCgIpDcGid2ETMGC6zwSYw09v05Y+oRdQ9loC54zB1La3hHQ==",
"requires": {}
},
"jquery": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/jquery/-/jquery-3.6.0.tgz",
"integrity": "sha512-JVzAR/AjBvVt2BmYhxRCSYysDsPcssdmTFnzyLEts9qNwmjmu4JTAMYubEfwVOSwpQ1I1sKKFcxhZCI2buerfw==",
"peer": true
},
"popper.js": {
"version": "1.16.1",
"resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz",
"integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==",
"peer": true
}
}
}
blueberry/package.json
+9 -7
View File
@@ -1,13 +1,15 @@
{
"name": "blueberry",
"version": "1.0.1",
"description": "A Modern Dark theme for PHPMyAdmin",
"version": "1.1.0",
"description": "A modern dark theme for phpMyAdmin",
"author": "Shahab Movahhedi",
"url": "https://shmovahhedi.com/",
"supports": [
"5.0",
"5.1",
"5.2"
"contributors": [
{
"name": "Shahab Movahhedi",
"email": "dev@shmovahhedi.com",
"url": "https://shmovahhedi.com"
}
],
"scripts": {
"scss-compile-nomini": "sass scss:css",
@@ -21,6 +23,6 @@
"scss-watch-direct-jq": "sass --watch --style=compressed scss\\jquery-ui.scss:F:\\xampp\\phpMyAdmin\\themes\\blueberry\\jquery\\jquery-ui.css"
},
"dependencies": {
"bootstrap": "^4.6.1"
"bootstrap": "^5.2.2"
}
}
blueberry/scss/_buttons.scss
+41
View File
@@ -7,6 +7,43 @@
min-width: 6vw;
}
button,
.btn {
background: none;
border: none;
box-shadow: unset;
text-decoration: none;
color: $Color-Tailwind-Text;
cursor: pointer;
outline: none;
* {
color: $Color-Tailwind-Text;
}
&:disabled {
// background-color: $Color-Text-Secondary-Dark;
// border-color: $Color-Text-Secondary-Dark;
opacity: 0.75;
cursor: default;
}
&:hover {
// background: $Color-Azure;
// color: $Color-White;
// border: 1px solid $Color-Azure;
box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 20%);
}
&:not(:disabled):not(.disabled):focus,
&:not(:disabled):not(.disabled):active,
&:not(:disabled):not(.disabled):active:focus {
// background: $Color-White;
// color: $Color-Azure;
// border: 1px solid $Color-Azure;
box-shadow: inset 0 0 10vw 10vw rgb(255 255 255 / 20%);
}
}
// fieldset table a,
// .btn,
.btn-primary,
@@ -64,3 +101,7 @@
.btn-link {
padding: 0.375rem 0.5rem;
}
.btn-close {
background: rgba(0,0,0,0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat
}
blueberry/scss/_card.scss
+1
View File
@@ -100,6 +100,7 @@ fieldset {
width: initial;
font-size: 1em;
margin-inline-start: 5px;
float: none;
// -moz-box-shadow: 3px 3px 15px #bbb;
// -webkit-box-shadow: 3px 3px 15px #bbb;
// box-shadow: 3px 3px 15px #bbb;
blueberry/scss/_common.scss
+31 -10
View File
@@ -43,14 +43,31 @@ a {
cursor: pointer;
outline: none;
&:link,
&:visited,
&:active {
text-decoration: none;
color: $Color-Misc1;
cursor: pointer;
outline: none;
// &:link,
// &:visited,
// &:active {
&:where(:link, :visited, :active) {
&.btn-primary {
color: $Color-White;
cursor: pointer;
outline: none;
* {
color: $Color-White;
}
}
&:not(.btn) {
text-decoration: none;
color: $Color-Misc1;
cursor: pointer;
outline: none;
}
* {
color: $Color-Tailwind-Text;
}
}
}
input[type="checkbox"],
@@ -563,23 +580,27 @@ table tr.marked {
.pma-table tbody:first-of-type tr:nth-child(odd),
.pma-table tbody:first-of-type tr:nth-child(odd) th,
.table-striped tbody tr:nth-of-type(odd),
.table-striped tbody tr:nth-of-type(odd) > *,
// .table-striped tbody th:nth-of-type(odd),
#table_index tbody:nth-of-type(odd) tr,
#table_index tbody:nth-of-type(odd) th {
background: $Color-Body;
color: $Color-Tailwind-Title;
}
// even items 2,4,6,8...
.pma-table tbody:first-of-type tr:nth-child(even),
.pma-table tbody:first-of-type tr:nth-child(even) th,
.table-striped tbody tr:nth-of-type(even),
.table-striped tbody tr:nth-of-type(even) > *,
// .table-striped tbody th:nth-of-type(even),
#table_index tbody:nth-of-type(even) tr,
#table_index tbody:nth-of-type(even) th {
background: $Color-Body-Light;
color: $Color-Tailwind-Title;
}
.column_action
// .column_action
// only one item
.pma-table tbody:first-of-type tr:only-child {
@@ -2688,7 +2709,7 @@ input#auto_increment_opt {
}
.edit_area {
background: #fff;
background: $Color-Body-Special;
border: 1px solid #999;
min-width: 10em;
padding: 0.3em 0.5em;
@@ -2700,7 +2721,7 @@ input#auto_increment_opt {
}
.cell_edit_hint {
color: #555;
color: $Color-Tailwind-Text;
font-size: 0.8em;
margin: 0.3em 0.2em;
}
blueberry/scss/_designer.scss
+4 -4
View File
@@ -33,7 +33,7 @@ $resize-img: "../img/designer/resize.png";
}
#canvas {
background-color: #fff;
background-color: $Color-Body;
color: #000;
}
@@ -308,7 +308,7 @@ canvas.designer {
float: $direction-start;
margin: 3px 1px 4px;
height: 20px;
border: 1px dotted #fff;
border: 1px solid transparent;
}
.M_bord {
@@ -467,7 +467,7 @@ a {
position: fixed;
width: auto;
height: auto;
background: #efefef;
background: $Color-Body;
border: 1px solid grey;
overflow: hidden;
z-index: 50;
@@ -498,7 +498,7 @@ a {
#name-panel {
border-bottom: 1px solid grey;
text-align: center;
background: #efefef;
background: $Color-Body-Light;
width: 100%;
font-size: 1.2em;
padding: 5px;
blueberry/scss/_forms.scss
+10
View File
@@ -5,6 +5,7 @@
}
.form-control,
.form-select,
select,
optgroup,
textarea,
@@ -40,6 +41,15 @@ input[type="week"] {
// padding: 1.8vw 3vw;
// border-radius: 6vw;
// }
&:focus {
box-shadow: unset;
}
}
.form-select,
select.form-control {
appearance: auto;
}
// .input-group-prepend,
blueberry/scss/_list-group.scss
+9
View File
@@ -3,9 +3,18 @@
margin: 1rem 0;
}
.list-group-flush > .list-group-item {
padding: 3px;
&:not(:last-child) {
border-bottom: 1px solid $Color-Body;
}
}
.list-group-item {
display: list-item;
border: none;
color: $Color-Text-Main;
}
#li_select_server,
blueberry/scss/_modal.scss
+4 -1
View File
@@ -1,3 +1,6 @@
.modal-header {
background-image: linear-gradient(#f8f8f8, #d8d8d8);
background: $Color-Body-Light;
}
.modal-content {
background: $Color-Body;
}
blueberry/scss/_nav.scss
+5
View File
@@ -1,4 +1,9 @@
// .nav-tabs,
// .nav-pills {
// .nav-item {
// }
// .nav-link {
// margin-#{$direction-start}: 0;
// margin-#{$direction-end}: 6px;
blueberry/scss/_navigation.scss
+8
View File
@@ -204,6 +204,14 @@
display: block;
}
.navGroup {
div.fst-italic {
div.block.second {
margin-top: -4px;
}
}
}
div {
&.block {
position: relative;
blueberry/scss/_tables.scss
+12
View File
@@ -3,6 +3,11 @@
// border: 1px solid $Color-Azure-300;
// border-radius: 10px;
> :not(caption) > * > * {
background-color: unset;
box-shadow: unset;
}
th,
td {
// text-shadow: 0 1px 0 #000;
@@ -13,6 +18,13 @@
th {
text-align: $direction-start;
font-weight: 500;
.column_heading {
* {
color: $Color-Tailwind-Title;
}
}
}
td {
blueberry/scss/theme.scss
+5 -2
View File
@@ -50,7 +50,7 @@
// select#themeSelect::after,
#li_select_theme::after,
form[name="setTheme"]::after {
content: "Theme Created by Shahab Movahhedi \A Visit shmovahhedi.com";
content: "Theme Created by Shahab Movahhedi \A Visit shmovahhedi.com";
display: block;
font-size: 12px;
font-weight: 400;
@@ -123,7 +123,10 @@ form[name="setTheme"]::after {
// }
* {
font-family: "Segoe UI";
color: $Color-Tailwind-Title;
// color: $Color-Tailwind-Text;
// color: $Color-Text-Main;
font-family: "Segoe UI", "Segoe Pro", sans-serif;
}
.ltr {
blueberry/theme.json
+2 -2
View File
@@ -1,8 +1,8 @@
{
"name": "blueberry",
"version": "1.0.1",
"version": "1.1.0",
"description": "A modern dark theme for phpMyAdmin",
"author": "Shahab Movahhedi",
"url": "https://shmovahhedi.com/",
"supports": ["5.0", "5.1", "5.2"]
"supports": ["5.1", "5.2"]
}