This commit is contained in:
vinceliuice 2020-12-07 16:16:08 +08:00
parent dffe47037a
commit 989c3be9f5
9 changed files with 208 additions and 213 deletions

View File

@ -361,6 +361,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: #F27835; color: #F27835;
} }
.headline {
font-size: 15pt;
font-weight: 500;
}
.lightbox { .lightbox {
background-color: black; background-color: black;
} }
@ -370,9 +375,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
/* Modal Dialogs */ /* Modal Dialogs */
.headline { .modal-dialog-linked-button:last-child {
font-size: 15pt; color: white;
font-weight: 500; background-color: #0860f2;
}
.modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
} }
.modal-dialog { .modal-dialog {
@ -547,26 +567,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 500; font-weight: 500;
} }
.prompt-dialog .modal-dialog-linked-button:last-child, .end-session-dialog .modal-dialog-linked-button:last-child {
color: white;
background-color: #0860f2;
}
.prompt-dialog .modal-dialog-linked-button:hover:last-child, .end-session-dialog .modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.prompt-dialog .modal-dialog-linked-button:active:last-child, .end-session-dialog .modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.prompt-dialog .modal-dialog-linked-button:insensitive:last-child, .end-session-dialog .modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
}
/* End Session Dialog */ /* End Session Dialog */
.end-session-dialog { .end-session-dialog {
width: 30em; width: 30em;

View File

@ -361,6 +361,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: #F27835; color: #F27835;
} }
.headline {
font-size: 15pt;
font-weight: 500;
}
.lightbox { .lightbox {
background-color: black; background-color: black;
} }
@ -370,9 +375,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
/* Modal Dialogs */ /* Modal Dialogs */
.headline { .modal-dialog-linked-button:last-child {
font-size: 15pt; color: white;
font-weight: 500; background-color: #0860f2;
}
.modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
} }
.modal-dialog { .modal-dialog {
@ -547,26 +567,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 500; font-weight: 500;
} }
.prompt-dialog .modal-dialog-linked-button:last-child, .end-session-dialog .modal-dialog-linked-button:last-child {
color: white;
background-color: #0860f2;
}
.prompt-dialog .modal-dialog-linked-button:hover:last-child, .end-session-dialog .modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.prompt-dialog .modal-dialog-linked-button:active:last-child, .end-session-dialog .modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.prompt-dialog .modal-dialog-linked-button:insensitive:last-child, .end-session-dialog .modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
}
/* End Session Dialog */ /* End Session Dialog */
.end-session-dialog { .end-session-dialog {
width: 30em; width: 30em;

View File

@ -361,6 +361,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: #F27835; color: #F27835;
} }
.headline {
font-size: 15pt;
font-weight: 500;
}
.lightbox { .lightbox {
background-color: black; background-color: black;
} }
@ -370,9 +375,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
/* Modal Dialogs */ /* Modal Dialogs */
.headline { .modal-dialog-linked-button:last-child {
font-size: 15pt; color: white;
font-weight: 500; background-color: #0860f2;
}
.modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
} }
.modal-dialog { .modal-dialog {
@ -547,26 +567,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 500; font-weight: 500;
} }
.prompt-dialog .modal-dialog-linked-button:last-child, .end-session-dialog .modal-dialog-linked-button:last-child {
color: white;
background-color: #0860f2;
}
.prompt-dialog .modal-dialog-linked-button:hover:last-child, .end-session-dialog .modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.prompt-dialog .modal-dialog-linked-button:active:last-child, .end-session-dialog .modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.prompt-dialog .modal-dialog-linked-button:insensitive:last-child, .end-session-dialog .modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
}
/* End Session Dialog */ /* End Session Dialog */
.end-session-dialog { .end-session-dialog {
width: 30em; width: 30em;

View File

@ -361,6 +361,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: #F27835; color: #F27835;
} }
.headline {
font-size: 15pt;
font-weight: 500;
}
.lightbox { .lightbox {
background-color: black; background-color: black;
} }
@ -370,9 +375,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
/* Modal Dialogs */ /* Modal Dialogs */
.headline { .modal-dialog-linked-button:last-child {
font-size: 15pt; color: white;
font-weight: 500; background-color: #0860f2;
}
.modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
} }
.modal-dialog { .modal-dialog {
@ -547,26 +567,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 500; font-weight: 500;
} }
.prompt-dialog .modal-dialog-linked-button:last-child, .end-session-dialog .modal-dialog-linked-button:last-child {
color: white;
background-color: #0860f2;
}
.prompt-dialog .modal-dialog-linked-button:hover:last-child, .end-session-dialog .modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.prompt-dialog .modal-dialog-linked-button:active:last-child, .end-session-dialog .modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.prompt-dialog .modal-dialog-linked-button:insensitive:last-child, .end-session-dialog .modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
}
/* End Session Dialog */ /* End Session Dialog */
.end-session-dialog { .end-session-dialog {
width: 30em; width: 30em;

View File

@ -361,6 +361,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: #F27835; color: #F27835;
} }
.headline {
font-size: 15pt;
font-weight: 500;
}
.lightbox { .lightbox {
background-color: black; background-color: black;
} }
@ -370,9 +375,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
/* Modal Dialogs */ /* Modal Dialogs */
.headline { .modal-dialog-linked-button:last-child {
font-size: 15pt; color: white;
font-weight: 500; background-color: #0860f2;
}
.modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
} }
.modal-dialog { .modal-dialog {
@ -547,26 +567,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 500; font-weight: 500;
} }
.prompt-dialog .modal-dialog-linked-button:last-child, .end-session-dialog .modal-dialog-linked-button:last-child {
color: white;
background-color: #0860f2;
}
.prompt-dialog .modal-dialog-linked-button:hover:last-child, .end-session-dialog .modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.prompt-dialog .modal-dialog-linked-button:active:last-child, .end-session-dialog .modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.prompt-dialog .modal-dialog-linked-button:insensitive:last-child, .end-session-dialog .modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
}
/* End Session Dialog */ /* End Session Dialog */
.end-session-dialog { .end-session-dialog {
width: 30em; width: 30em;

View File

@ -361,6 +361,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: #F27835; color: #F27835;
} }
.headline {
font-size: 15pt;
font-weight: 500;
}
.lightbox { .lightbox {
background-color: black; background-color: black;
} }
@ -370,9 +375,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
/* Modal Dialogs */ /* Modal Dialogs */
.headline { .modal-dialog-linked-button:last-child {
font-size: 15pt; color: white;
font-weight: 500; background-color: #0860f2;
}
.modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
} }
.modal-dialog { .modal-dialog {
@ -547,26 +567,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 500; font-weight: 500;
} }
.prompt-dialog .modal-dialog-linked-button:last-child, .end-session-dialog .modal-dialog-linked-button:last-child {
color: white;
background-color: #0860f2;
}
.prompt-dialog .modal-dialog-linked-button:hover:last-child, .end-session-dialog .modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.prompt-dialog .modal-dialog-linked-button:active:last-child, .end-session-dialog .modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.prompt-dialog .modal-dialog-linked-button:insensitive:last-child, .end-session-dialog .modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
}
/* End Session Dialog */ /* End Session Dialog */
.end-session-dialog { .end-session-dialog {
width: 30em; width: 30em;

View File

@ -361,6 +361,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: #F27835; color: #F27835;
} }
.headline {
font-size: 15pt;
font-weight: 500;
}
.lightbox { .lightbox {
background-color: black; background-color: black;
} }
@ -370,9 +375,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
/* Modal Dialogs */ /* Modal Dialogs */
.headline { .modal-dialog-linked-button:last-child {
font-size: 15pt; color: white;
font-weight: 500; background-color: #0860f2;
}
.modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
} }
.modal-dialog { .modal-dialog {
@ -547,26 +567,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 500; font-weight: 500;
} }
.prompt-dialog .modal-dialog-linked-button:last-child, .end-session-dialog .modal-dialog-linked-button:last-child {
color: white;
background-color: #0860f2;
}
.prompt-dialog .modal-dialog-linked-button:hover:last-child, .end-session-dialog .modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.prompt-dialog .modal-dialog-linked-button:active:last-child, .end-session-dialog .modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.prompt-dialog .modal-dialog-linked-button:insensitive:last-child, .end-session-dialog .modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
}
/* End Session Dialog */ /* End Session Dialog */
.end-session-dialog { .end-session-dialog {
width: 30em; width: 30em;

View File

@ -361,6 +361,11 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
color: #F27835; color: #F27835;
} }
.headline {
font-size: 15pt;
font-weight: 500;
}
.lightbox { .lightbox {
background-color: black; background-color: black;
} }
@ -370,9 +375,24 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
} }
/* Modal Dialogs */ /* Modal Dialogs */
.headline { .modal-dialog-linked-button:last-child {
font-size: 15pt; color: white;
font-weight: 500; background-color: #0860f2;
}
.modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
} }
.modal-dialog { .modal-dialog {
@ -547,26 +567,6 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
font-weight: 500; font-weight: 500;
} }
.prompt-dialog .modal-dialog-linked-button:last-child, .end-session-dialog .modal-dialog-linked-button:last-child {
color: white;
background-color: #0860f2;
}
.prompt-dialog .modal-dialog-linked-button:hover:last-child, .end-session-dialog .modal-dialog-linked-button:hover:last-child {
color: white;
background-color: #307bf8;
}
.prompt-dialog .modal-dialog-linked-button:active:last-child, .end-session-dialog .modal-dialog-linked-button:active:last-child {
color: white;
background-color: #0756d9;
}
.prompt-dialog .modal-dialog-linked-button:insensitive:last-child, .end-session-dialog .modal-dialog-linked-button:insensitive:last-child {
background-color: rgba(8, 96, 242, 0.05);
color: rgba(8, 96, 242, 0.35);
}
/* End Session Dialog */ /* End Session Dialog */
.end-session-dialog { .end-session-dialog {
width: 30em; width: 30em;

View File

@ -301,12 +301,31 @@ $barlevel_boder_color: if($variant == 'light', rgba(black, 0.12), transparent);
color: $warning_color; color: $warning_color;
} }
.headline { @include font(title); }
.lightbox { background-color: black; } .lightbox { background-color: black; }
.flashspot { background-color: white; } .flashspot { background-color: white; }
/* Modal Dialogs */ /* Modal Dialogs */
.headline { @include font(title); } %last_dialog_button {
color: white;
background-color: $primary_color;
&:hover {
color: white;
background-color: lighten($primary_color, 9%);
}
&:active {
color: white;
background-color: darken($primary_color, 5%);
}
&:insensitive {
background-color: rgba($primary_color, 0.05);
color: rgba($primary_color, 0.35);
}
}
.modal-dialog { .modal-dialog {
color: $fg_color; color: $fg_color;
@ -327,6 +346,10 @@ $barlevel_boder_color: if($variant == 'light', rgba(black, 0.12), transparent);
&:focus { @include button(flat-focus); } &:focus { @include button(flat-focus); }
} }
&-linked-button:last-child {
@extend %last_dialog_button;
}
.modal-dialog-content-box { .modal-dialog-content-box {
margin: 32px 40px; margin: 32px 40px;
spacing: 32px; spacing: 32px;
@ -425,35 +448,11 @@ $barlevel_boder_color: if($variant == 'light', rgba(black, 0.12), transparent);
} }
} }
%last_dialog_button {
color: white;
background-color: $primary_color;
&:hover {
color: white;
background-color: lighten($primary_color, 9%);
}
&:active {
color: white;
background-color: darken($primary_color, 5%);
}
&:insensitive {
background-color: rgba($primary_color, 0.05);
color: rgba($primary_color, 0.35);
}
}
/* End Session Dialog */ /* End Session Dialog */
.end-session-dialog { .end-session-dialog {
width: 30em; width: 30em;
border: none; border: none;
.modal-dialog-linked-button:last-child {
@extend %last_dialog_button;
}
.end-session-dialog-battery-warning, .end-session-dialog-battery-warning,
.dialog-list-title { .dialog-list-title {
color: $warning_color; color: $warning_color;
@ -595,10 +594,6 @@ $barlevel_boder_color: if($variant == 'light', rgba(black, 0.12), transparent);
width: 28em; width: 28em;
border: none; border: none;
.modal-dialog-linked-button:last-child {
@extend %last_dialog_button;
}
.modal-dialog-content-box { .modal-dialog-content-box {
margin-bottom: 24px; margin-bottom: 24px;
} }