mirrors/docker-registry-ui
1
0
Fork 0
mirror of https://github.com/Joxit/docker-registry-ui.git synced 2025-04-27 07:29:54 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat(theme): add support for accent-text

Browse source
This commit is contained in:
Joxit 2023-01-07 20:30:24 +01:00
parent 9b5b935637
commit 441def4855
No known key found for this signature in database
GPG key ID: F526592B8E012263
4 changed files with 13 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/components/dialogs/dialogs-menu.riot
View file

@ -115,6 +115,10 @@
color: var(--primary-text); color: var(--primary-text);
} }
material-dropdown .material-dropdown-container .material-dropdown-item:hover {
background-color: rgba(0, 0, 0, 0.12);
}
:host .material-dropdown-wrapper material-dropdown .material-dropdown-container { :host .material-dropdown-wrapper material-dropdown .material-dropdown-container {
right: 0; right: 0;
top: 2em; top: 2em;

9
src/components/tag-history/tag-history.riot
View file

@ -23,7 +23,6 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
waves-color="var(--hover-background)" waves-color="var(--hover-background)"
waves-center="true" waves-center="true"
rounded="true" rounded="true"
waves-color="#ddd"
href="{ toTaglist() }" href="{ toTaglist() }"
icon icon
> >
@ -38,12 +37,14 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
<material-tabs <material-tabs
if="{ state.archs && state.loadend }" if="{ state.archs && state.loadend }"
color="#25313b" color="var(--background)"
text-color="#fff" text-color="var(--primary-text)"
text-selected-color="var(--accent-text)"
line-color="var(--background)"
line-selected-color="var(--accent-text)"
useLine="{ true }" useLine="{ true }"
tabs="{ state.archs }" tabs="{ state.archs }"
onTabChanged="{ onTabChanged }" onTabChanged="{ onTabChanged }"
inverted
></material-tabs> ></material-tabs>
<material-card each="{ element in state.elements }"> <material-card each="{ element in state.elements }">

2
src/scripts/theme.js
View file

@ -3,12 +3,14 @@ const LIGHT_THEME = {
'neutral-text': '#777', 'neutral-text': '#777',
'background': '#fff', 'background': '#fff',
'hover-background': '#eee', 'hover-background': '#eee',
'accent-text': 'rgba(0,0,0,0.26)',
}; };
const DARK_THEME = { const DARK_THEME = {
'primary-text': '#8A9EBA', 'primary-text': '#8A9EBA',
'neutral-text': '#36527A', 'neutral-text': '#36527A',
'background': '#22272e', 'background': '#22272e',
'hover-background': '#30404D', 'hover-background': '#30404D',
'accent-text': '#5684C4',
}; };
let THEME; let THEME;

16
src/style.scss
View file

@ -95,13 +95,6 @@ material-tabs material-button .content .text {
text-transform: none; text-transform: none;
} }
material-tabs .line-wrapper .line {
background-color: #25313b;
}
material-tabs material-button.selected .content .text {
color: #25313b;
}
material-spinner { material-spinner {
align-self: center; align-self: center;
} }
@ -143,7 +136,7 @@ h2 {
} }
.list.highlight:hover { .list.highlight:hover {
background-color: var(--hover-background); background-color: rgba(0, 0, 0, 0.12);
cursor: pointer; cursor: pointer;
} }
@ -250,7 +243,6 @@ material-card table th {
text-align: left; text-align: left;
} }
material-button:hover > :first-child,
material-card .material-card-title-action material-button:hover button, material-card .material-card-title-action material-button:hover button,
material-card table tbody tr:hover { material-card table tbody tr:hover {
background-color: rgba(0, 0, 0, 0.12) !important; background-color: rgba(0, 0, 0, 0.12) !important;
@ -288,7 +280,7 @@ material-card table th.material-card-th-sorted-descending:hover {
material-card table th.material-card-th-sorted-ascending:hover:before, material-card table th.material-card-th-sorted-ascending:hover:before,
material-card table th.material-card-th-sorted-descending:hover:before { material-card table th.material-card-th-sorted-descending:hover:before {
color: rgba(0, 0, 0, 0.26); color: var(--accent-text);
} }
material-card table th.material-card-th-sorted-ascending:before, material-card table th.material-card-th-sorted-ascending:before,
@ -390,10 +382,6 @@ taglist .image-size {
width: 7em; width: 7em;
} }
material-button:hover material-waves {
background: none;
}
material-card material-button { material-card material-button {
background-color: inherit; background-color: inherit;
} }