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 text colors and checkbox

Browse source
This commit is contained in:
grafixeyehero 2019-06-02 00:25:44 +03:00
parent 82aacf1c48
commit 1d07d513ea
1 changed files with 26 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -39,7 +39,7 @@ html {
.dialog, .dialog,
html { html {
background-color: #0e0f2d background-color: #230c33
} }
.backgroundContainer { .backgroundContainer {
@ -96,7 +96,7 @@ div[data-role=controlgroup] a.ui-btn-active {
} }
a[data-role=button] { a[data-role=button] {
background: #022b3a !important; background: rgba(2, 43, 58, 0.521) !important;
} }
#btnRestart, #btnRestart,
@ -111,7 +111,7 @@ a[data-role=button] {
.viewTabButton, .viewTabButton,
.button-alt, .button-alt,
.btnOption { .btnOption {
background: rgb(135, 187, 162); background: rgb(72, 195, 200);
color: rgb(225, 229, 242) color: rgb(225, 229, 242)
} }
@ -141,25 +141,19 @@ a[data-role=button] {
.btnForgotPassword, .btnForgotPassword,
.btnCancel, .btnCancel,
.button-cancel { .button-cancel {
background: rgb(85, 130, 139); background: rgba(0, 0, 0, .5);
color: rgb(225, 229, 242) color: rgba(255, 255, 255, .87);
} }
h1, .itemName {
h2, color: #f1f7ee
h3 {
color: rgb(160, 238, 192);
}
.itemName{
color: rgb(241, 247, 238)
} }
.textareaLabel, .textareaLabel,
.sectionTitle, .sectionTitle,
.fieldDescription, .fieldDescription,
.checkboxLabel { .checkboxLabel {
color: rgb(201, 228, 202) color: #f1f7ee
} }
.checkboxLabel { .checkboxLabel {
@ -179,7 +173,7 @@ h3 {
.inputLabelFocused, .inputLabelFocused,
.selectLabelFocused, .selectLabelFocused,
.textareaLabelFocused { .textareaLabelFocused {
color: rgb(138, 233, 193) color: #8ae9c1
} }
.checkboxOutline { .checkboxOutline {
@ -367,11 +361,20 @@ h3 {
} }
.emby-checkbox:checked+span+.checkboxOutline { .emby-checkbox:checked+span+.checkboxOutline {
background-color: #8ae9c1 background-color: #030322;
border:2px solid rgb(72, 195, 200);
}
.emby-checkbox:checked + span + .checkboxOutline > .checkboxIcon-checked {
color: rgb(12, 232, 214);
}
.emby-checkbox:focus:not(:checked)+span+.checkboxOutline {
border:2px solid #ddd;
} }
.itemProgressBarForeground { .itemProgressBarForeground {
background-color: #48C3C8 background-color: rgb(12, 232, 214);
} }
.itemProgressBarForeground-recording { .itemProgressBarForeground-recording {
@ -381,7 +384,7 @@ h3 {
.countIndicator, .countIndicator,
.fullSyncIndicator, .fullSyncIndicator,
.playedIndicator { .playedIndicator {
background: #48C3C8 background: rgb(12, 232, 214);
} }
.fullSyncIndicator { .fullSyncIndicator {
@ -521,17 +524,17 @@ h3 {
border-color: #8ae9c1 border-color: #8ae9c1
} }
.layout-desktop ::-webkit-scrollbar {
width: .4em;
height: 1em
}
.layout-desktop, .layout-desktop,
.scrollY { .scrollY {
scrollbar-width: thin; scrollbar-width: thin;
scrollbar-color: #888 rgba(59, 59, 59, 0.5) scrollbar-color: #888 rgba(59, 59, 59, 0.5)
} }
.layout-desktop ::-webkit-scrollbar {
width: .4em;
height: 1em
}
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
} }