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 purple haze

Browse source
This commit is contained in:
grafixeyehero 2019-05-03 02:58:37 +03:00
parent 8a1ea0ae5f
commit b62f6edbc4
1 changed files with 43 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,7 +1,7 @@
.skinHeader, .skinHeader,
html { html {
color: #ddd; color: #f8f8fe;
color: rgba(255, 255, 255, .8) color: rgba(248, 248, 254, 0.973)
} }
.wizardStartForm, .wizardStartForm,
@ -39,7 +39,7 @@ html {
.dialog, .dialog,
html { html {
background-color: #3f2d7a background-color: #0e0f2d
} }
.backgroundContainer { .backgroundContainer {
@ -59,7 +59,7 @@ html {
} }
.paper-icon-button-light:focus { .paper-icon-button-light:focus {
color: #00a4dc; color: #48C3C8;
background-color: rgba(0,164,220, .2) background-color: rgba(0,164,220, .2)
} }
@ -91,13 +91,13 @@ progress::-webkit-progress-value {
} }
.button-submit { .button-submit {
background: #00a4dc; background: #48C3C8;
color: #fff color: #f8f8fe
} }
.button-submit:focus { .button-submit:hover {
background: #0cb0e8; background: #0ce8d6;
color: #fff color: #f8f8fe
} }
.checkboxLabel { .checkboxLabel {
@ -116,7 +116,7 @@ progress::-webkit-progress-value {
.inputLabelFocused, .inputLabelFocused,
.selectLabelFocused, .selectLabelFocused,
.textareaLabelFocused { .textareaLabelFocused {
color: #00a4dc color: #48C3C8
} }
.checkboxOutline { .checkboxOutline {
@ -191,7 +191,7 @@ progress::-webkit-progress-value {
.toast { .toast {
background: #303030; background: #303030;
color: #fff; color: #f8f8fe;
color: rgba(255, 255, 255, .87) color: rgba(255, 255, 255, .87)
} }
@ -210,16 +210,16 @@ progress::-webkit-progress-value {
} }
.itemSelectionPanel { .itemSelectionPanel {
border: 1px solid #00a4dc border: 1px solid #48C3C8
} }
.selectionCommandsPanel { .selectionCommandsPanel {
background: #00a4dc; background: #48C3C8;
color: #fff color: #f8f8fe
} }
.upNextDialog-countdownText { .upNextDialog-countdownText {
color: #00a4dc color: #48C3C8
} }
.alphaPickerButton { .alphaPickerButton {
@ -229,12 +229,12 @@ progress::-webkit-progress-value {
} }
.alphaPickerButton-selected { .alphaPickerButton-selected {
color: #fff color: #0ce8d6
} }
.alphaPickerButton-tv:focus { .alphaPickerButton-tv:focus {
background-color: #00a4dc; background: #0ce8d6;
color: #fff !important color: #f8f8fe !important
} }
.detailTableBodyRow-shaded:nth-child(even) { .detailTableBodyRow-shaded:nth-child(even) {
@ -251,16 +251,16 @@ progress::-webkit-progress-value {
} }
.progressring-spiner { .progressring-spiner {
border-color: #00a4dc border-color: #48C3C8
} }
.button-flat-accent, .button-flat-accent,
.button-link { .button-link {
color: #00a4dc color: #48C3C8
} }
.mediaInfoText { .mediaInfoText {
color: #ddd; color: #f8f8fe;
background: rgba(170, 170, 190, .2) background: rgba(170, 170, 190, .2)
} }
@ -280,7 +280,7 @@ progress::-webkit-progress-value {
.emby-input:focus, .emby-input:focus,
.emby-textarea:focus { .emby-textarea:focus {
border-color: #00a4dc border-color: #48C3C8
} }
.emby-select-withcolor { .emby-select-withcolor {
@ -291,20 +291,20 @@ progress::-webkit-progress-value {
.emby-select-withcolor>option { .emby-select-withcolor>option {
color: inherit; color: inherit;
background: #222 background: #030322d7
} }
.emby-select-withcolor:focus { .emby-select-withcolor:focus {
border-color: #00a4dc !important border-color: #48C3C8 !important
} }
.emby-select-tv-withcolor:focus { .emby-select-tv-withcolor:focus {
background-color: #00a4dc !important; background-color: #48C3C8 !important;
color: #fff !important color: #fff !important
} }
.emby-checkbox:checked+span+span+.checkboxOutline { .emby-checkbox:checked+span+span+.checkboxOutline {
border-color: #00a4dc border-color: #48C3C8
} }
.emby-checkbox:focus+span+.emby-checkbox-focushelper { .emby-checkbox:focus+span+.emby-checkbox-focushelper {
@ -313,7 +313,7 @@ progress::-webkit-progress-value {
.emby-checkbox:checked+span+span+.checkboxOutline, .emby-checkbox:checked+span+span+.checkboxOutline,
.itemProgressBarForeground { .itemProgressBarForeground {
background-color: #00a4dc background-color: #48C3C8
} }
.itemProgressBarForeground-recording { .itemProgressBarForeground-recording {
@ -323,7 +323,7 @@ progress::-webkit-progress-value {
.countIndicator, .countIndicator,
.fullSyncIndicator, .fullSyncIndicator,
.playedIndicator { .playedIndicator {
background: #00a4dc background: #48C3C8
} }
.fullSyncIndicator { .fullSyncIndicator {
@ -331,6 +331,7 @@ progress::-webkit-progress-value {
} }
.mainDrawer { .mainDrawer {
color: #f8f8fe;
background: rgba(0, 0, 0, .5); background: rgba(0, 0, 0, .5);
} }
@ -345,12 +346,12 @@ progress::-webkit-progress-value {
.navMenuOption-selected { .navMenuOption-selected {
background: #6f0765 !important; background: #6f0765 !important;
color: #fff color: #f8f8fe
} }
.emby-button-focusscale:focus { .emby-button-focusscale:focus {
background: #00a4dc; background: #48C3C8;
color: #fff color: #f8f8fe
} }
.emby-tab-button { .emby-tab-button {
@ -359,15 +360,15 @@ progress::-webkit-progress-value {
} }
.emby-tab-button-active { .emby-tab-button-active {
color: #fff color: #f8f8fe
} }
.emby-tab-button-active.emby-button-tv { .emby-tab-button-active.emby-button-tv {
color: #fff color: #f8f8fe
} }
.emby-tab-button.emby-button-tv:focus { .emby-tab-button.emby-button-tv:focus {
color: #00a4dc; color: #48C3C8;
background: 0 0 background: 0 0
} }
@ -399,7 +400,7 @@ progress::-webkit-progress-value {
.guide-channelHeaderCell:focus, .guide-channelHeaderCell:focus,
.programCell:focus { .programCell:focus {
background-color: #00a4dc !important; background-color: #48C3C8 !important;
color: #fff !important color: #fff !important
} }
@ -419,11 +420,11 @@ 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: #00a4dc color: #48C3C8
} }
.guide-date-tab-button.emby-button-tv:focus { .guide-date-tab-button.emby-button-tv:focus {
background-color: #00a4dc; background-color: #48C3C8;
color: #fff color: #fff
} }
@ -435,8 +436,8 @@ progress::-webkit-progress-value {
} }
.infoBanner { .infoBanner {
color: #ddd; color: #0e0f2d;
background: #111; background: #dbe6ff;
padding: 1em; padding: 1em;
-webkit-border-radius: .25em; -webkit-border-radius: .25em;
border-radius: .25em border-radius: .25em
@ -460,7 +461,7 @@ progress::-webkit-progress-value {
} }
.card:focus .card-focuscontent { .card:focus .card-focuscontent {
border-color: #00a4dc border-color: #48C3C8
} }
.layout-desktop ::-webkit-scrollbar { .layout-desktop ::-webkit-scrollbar {
@ -488,5 +489,6 @@ progress::-webkit-progress-value {
.mediaInfoOfficialRating { .mediaInfoOfficialRating {
border: .09em solid #583fa0; border: .09em solid #583fa0;
background-color: #5a1259 background-color: #dbe6ff;
color: #0e0f2d;
} }