mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

update label primery and secondery btn

Browse source
This commit is contained in:
grafixeyehero 2019-05-29 03:11:19 +03:00
parent c14c603feb
commit d316556817
1 changed files with 47 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

66
src/components/themes/purple-haze/theme.css
View file

@ -65,7 +65,7 @@ html {
} }
.paper-icon-button-light:focus { .paper-icon-button-light:focus {
color: #48C3C8; color: #8ae9c1;
} }
progress { progress {
@ -90,6 +90,15 @@ progress::-webkit-progress-value {
color: rgba(255, 255, 255, .87); color: rgba(255, 255, 255, .87);
} }
div[data-role=controlgroup] a.ui-btn-active {
background: #55828b !important;
color: #e1e5f2 !important
}
a[data-role=button] {
background: #022b3a !important;
}
#btnRestart, #btnRestart,
#btnDeleteImage, #btnDeleteImage,
#btnShutdown, #btnShutdown,
@ -102,8 +111,8 @@ progress::-webkit-progress-value {
.viewTabButton, .viewTabButton,
.button-alt, .button-alt,
.btnOption { .btnOption {
background: #48C3C8; background: rgb(135, 187, 162);
color: rgb(0, 0, 0) color: rgb(225, 229, 242)
} }
#btnResetPassword:hover, #btnResetPassword:hover,
@ -124,7 +133,7 @@ progress::-webkit-progress-value {
.btnOption:hover, .btnOption:hover,
.btnManual:hover, .btnManual:hover,
.block:hover { .block:hover {
background: #0ce8d6; background: rgb(12, 232, 214);
color: rgba(255, 255, 255, .87) color: rgba(255, 255, 255, .87)
} }
@ -132,27 +141,45 @@ progress::-webkit-progress-value {
.btnForgotPassword, .btnForgotPassword,
.btnCancel, .btnCancel,
.button-cancel { .button-cancel {
background: #D8E6FF; background: rgb(85, 130, 139);
color: rgb(0, 0, 0) color: rgb(225, 229, 242)
}
h1,
h2,
h3 {
color: rgb(160, 238, 192);
}
.itemName{
color: rgb(241, 247, 238)
}
.textareaLabel,
.sectionTitle,
.fieldDescription,
.checkboxLabel {
color: rgb(201, 228, 202)
} }
.checkboxLabel { .checkboxLabel {
color: inherit color: inherit
} }
.selectLabel,
.checkboxLabel,
.checkboxListLabel, .checkboxListLabel,
.inputLabel, .inputLabel,
.inputLabelUnfocused, .inputLabelUnfocused,
.paperListLabel, .paperListLabel,
.textareaLabelUnfocused { .textareaLabelUnfocused {
color: #bbb; color: rgb(191, 219, 247);
color: rgba(255, 255, 255, 0.7)
} }
.inputLabelFocused, .inputLabelFocused,
.selectLabelFocused, .selectLabelFocused,
.textareaLabelFocused { .textareaLabelFocused {
color: #48C3C8 color: rgb(138, 233, 193)
} }
.checkboxOutline { .checkboxOutline {
@ -175,6 +202,7 @@ progress::-webkit-progress-value {
.cardOverlayContainer { .cardOverlayContainer {
border-radius: 0.8em; border-radius: 0.8em;
} }
.visualCardBox .cardOverlayContainer { .visualCardBox .cardOverlayContainer {
border-bottom-right-radius: 0em; border-bottom-right-radius: 0em;
border-bottom-left-radius: 0em; border-bottom-left-radius: 0em;
@ -269,7 +297,7 @@ progress::-webkit-progress-value {
} }
.alphaPickerButton-tv:focus { .alphaPickerButton-tv:focus {
background: #0ce8d6; background: #8ae9c1;
color: #f8f8fe !important color: #f8f8fe !important
} }
@ -316,7 +344,7 @@ progress::-webkit-progress-value {
.emby-input:focus, .emby-input:focus,
.emby-textarea:focus { .emby-textarea:focus {
border-color: #48C3C8 border-color: #8ae9c1
} }
.emby-select-withcolor { .emby-select-withcolor {
@ -331,16 +359,16 @@ progress::-webkit-progress-value {
} }
.emby-select-withcolor:focus { .emby-select-withcolor:focus {
border-color: #48C3C8 !important border-color: #8ae9c1 !important
} }
.emby-select-tv-withcolor:focus { .emby-select-tv-withcolor:focus {
background-color: #48C3C8 !important; background-color: #8ae9c1 !important;
color: #fff !important color: #fff !important
} }
.emby-checkbox:checked+span+.checkboxOutline { .emby-checkbox:checked+span+.checkboxOutline {
border-color: #48C3C8 border-color: #8ae9c1
} }
.emby-checkbox:focus+span+.checkboxOutline { .emby-checkbox:focus+span+.checkboxOutline {
@ -348,7 +376,7 @@ progress::-webkit-progress-value {
} }
.emby-checkbox:focus:not(:checked)+span+.checkboxOutline { .emby-checkbox:focus:not(:checked)+span+.checkboxOutline {
border-color: #48C3C8; border-color: #8ae9c1;
} }
.emby-checkbox:checked+span+.checkboxOutline, .emby-checkbox:checked+span+.checkboxOutline,
@ -390,7 +418,7 @@ progress::-webkit-progress-value {
} }
.emby-button-focusscale:focus { .emby-button-focusscale:focus {
background: #48C3C8; background: #8ae9c1;
color: #f8f8fe color: #f8f8fe
} }
@ -408,7 +436,7 @@ progress::-webkit-progress-value {
} }
.emby-tab-button.emby-button-tv:focus { .emby-tab-button.emby-button-tv:focus {
color: #48C3C8; color: #8ae9c1;
background: 0 0 background: 0 0
} }
@ -460,7 +488,7 @@ progress::-webkit-progress-value {
.guide-date-tab-button.emby-tab-button-active, .guide-date-tab-button.emby-tab-button-active,
.guide-date-tab-button:focus { .guide-date-tab-button:focus {
color: #48C3C8 color: #8ae9c1
} }
.guide-date-tab-button.emby-button-tv:focus { .guide-date-tab-button.emby-button-tv:focus {
@ -501,7 +529,7 @@ progress::-webkit-progress-value {
} }
.card:focus .card-focuscontent { .card:focus .card-focuscontent {
border-color: #48C3C8 border-color: #8ae9c1
} }
.layout-desktop ::-webkit-scrollbar { .layout-desktop ::-webkit-scrollbar {