related to #1609 Added dark mode for new album manager

This commit is contained in:
Matthieu Leproux
2022-04-25 12:38:30 +02:00
parent a287505b27
commit c6e272346e
3 changed files with 107 additions and 23 deletions
+1 -23
View File
@@ -317,11 +317,6 @@ const add_sub_album_of = '{'Create a sub-album of "%s"'|@translate|escape:javasc
max-width: 700px;
}
.user-property-input {
color:#353535;
background-color:#F3F3F3;
}
.user-property-input {
width: 100%;
box-sizing:border-box;
@@ -367,8 +362,6 @@ const add_sub_album_of = '{'Create a sub-album of "%s"'|@translate|escape:javasc
.RenameAlbumSubmit {
cursor:pointer;
font-weight:bold;
color: #3F3E40;
background-color: #FFA836;
padding: 10px;
margin: 20px;
font-size:1em;
@@ -376,14 +369,11 @@ const add_sub_album_of = '{'Create a sub-album of "%s"'|@translate|escape:javasc
}
.DeleteAlbumSubmit {
background-color: #e74c3c;
border-radius: 4px;
color: #fff;
transition: .1s;
}
.AddAlbumCancel, .RebameAlbumCancel {
color: #3F3E40;
.AddAlbumCancel, .RenameAlbumCancel {
font-weight: bold;
cursor: pointer;
font-size:1em;
@@ -441,8 +431,6 @@ input[name="position"] {
.RenameAlbumCancel {
cursor: pointer;
font-weight: bold;
color: #3F3E40;
background-color: #f3f3f3;
padding: 10px 20px;
margin: 20px;
margin-bottom: 20px;
@@ -478,14 +466,12 @@ input[name="position"] {
.album-add-button-label, .order-root-button-label {
padding: 10px;
box-shadow: 0px 2px #00000024;
border-radius: 5px;
font-weight: bold;
display: flex;
align-items: baseline;
cursor: pointer;
font-size: 13px;
background-color: #fafafa;
height: 18px;
}
.album-add-button-label p,
@@ -525,14 +511,6 @@ input[name="position"] {
.move-cat-container, .move-cat-container .badge-container i {
transition: 0.2s;
}
.move-cat-container:hover {
background-color: #ffd7ad;
}
.move-cat-container:hover .badge-container i,
.move-cat-container:hover .node-icon{
color: #ffd7ad;
background-color: #f98100;
}
.jqtree-moving .move-cat-container {
background-color: #ffd7ad;
+28
View File
@@ -4067,6 +4067,20 @@ a#showPermissions:hover {text-decoration: none;}
border-radius: 3px;
}
.album-add-button-label, .order-root-button-label {
box-shadow: 0px 2px #00000024;
background-color: #fafafa;
}
.move-cat-container:hover {
background-color: #ffd7ad;
}
.move-cat-container:hover .badge-container i,
.move-cat-container:hover .node-icon{
color: #ffd7ad;
background-color: #f98100;
}
/* Pending Comments */
#pendingComments {
padding:0 5px 0 10px;
@@ -6319,6 +6333,20 @@ color:#FF7B00;
border: solid 2px #D4D4D4;
}
.AddAlbumCancel, .RebameAlbumCancel {
color: #3F3E40;
background-color: #f3f3f3;
}
.AddAlbumSubmit,
.RenameAlbumSubmit {
color: #3F3E40;
background-color: #FFA836;
}
.DeleteAlbumSubmit {
background-color: #e74c3c;
color: #fff;
}
.site-url-path {
justify-content: flex-start;
display: flex;
+78
View File
@@ -389,6 +389,84 @@ div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-co
text-decoration: none;
color: #777;
}
.album-add-button-label, .order-root-button-label {
box-shadow: 0px 2px #00000024;
background-color: #333;
color: #777;
}
.move-cat-container:hover {
background-color: #f9852c;
}
.move-cat-container:hover .badge-container i,
.move-cat-container:hover .node-icon{
color: #faa96b;
background-color: #ae5d1e;
border-color: #ae5d1e;
}
.move-cat-container:hover .move-cat-action a {
color: #333333;
}
.disabledToggle .move-cat-toogler{
color: gray !important;
opacity: 0.5;
pointer-events: none;
}
.move-cat-container:hover .move-cat-toogler span{
color: #ae5d1e !important;
}
.move-cat-container.disabledToggle:hover .move-cat-toogler{
color: #333 !important;
opacity: 0.5;
pointer-events: none;
}
.move-cat-container:hover .move-cat-title-container {
color: #333333;
}
.AddUserPopInContainer,
.AddAlbumPopInContainer,
.DeleteAlbumPopInContainer,
.RenameAlbumPopInContainer {
background-color: #333;
}
.AddUserPopInContainer .AddIconTitle,
.AddAlbumPopInContainer .AddIconTitle,
.DeleteAlbumPopInContainer .DeleteIconTitle,
.RenameAlbumPopInContainer .RenameAlbumTitle {
color: #777;
}
.AddUserPopInContainer .AddUserInput,
.AddAlbumPopInContainer .user-property-input,
.DeleteAlbumPopInContainer .DeleteAlbumInput,
.RenameAlbumPopInContainer .RenameAlbumInput {
background-color:#252525;
border: solid 2px #252525;
}
.AddAlbumCancel, .RenameAlbumCancel {
color: #3F3E40;
background-color: #d9d9d9;
}
.AddAlbumCancel:hover, .RenameAlbumCancel:hover {
background-color: #ffc17e;
}
.AddAlbumSubmit,
.RenameAlbumSubmit {
color: #3F3E40;
background-color: #ffa744;
}
.AddAlbumSubmit:hover,
.RenameAlbumSubmit:hover {
color: #3F3E40;
background-color: #f70;
}
.DeleteAlbumSubmit {
background-color: #e74c3c;
color: #fff;
}
#catModify input[type="text"], #catModify textarea{
background-color: #444444;