gnu-social/public/assets/default_theme/css/colors.css

150 lines
2.8 KiB
CSS

/* Focus and hover (inset shadow is used in alternative to a border to prevent further redraws) */
button:focus,
button:hover,
input:focus,
input:hover,
select:focus,
select:hover,
textarea:focus,
textarea:hover {
-webkit-box-shadow: var(--shadow-inset-accent) !important;
-moz-box-shadow: var(--shadow-inset-accent) !important;
box-shadow: var(--shadow-inset-accent) !important;
}
*:focus {
-webkit-box-shadow: var(--shadow-inset-accent);
-moz-box-shadow: var(--shadow-inset-accent);
box-shadow: var(--shadow-inset-accent);
}
.page-header,
.accessibility-menu,
.header-extra-forms-open,
.set-background-color-hard,
input[type=checkbox]:checked~.panel-content,
input[type=radio] {
background-color: var(--background-hard) !important;
}
.button-container,
.note-actions-set,
.set-background-color-soft,
hr,
input[type=checkbox] {
background-color: var(--background-soft) !important;
}
#replyform,
.doc-navigation,
.h-entry,
.markdown-blocks,
.profile,
.section-title-details,
.section-attachments,
.section-settings,
.section-settings ul,
.section-widget,
.set-background-color-alpha,
button,
input,
select,
textarea {
background-color: var(--translucent) !important;
}
.set-background-color-gradient,
button:not(.button-container),
input[type=file] {
background: var(--gradient) !important;
}
.note-info {
background: var(--tneidarg) !important;
}
.section-settings hr {
background: var(--background-soft) !important;
}
.button-container:focus,
.button-container:hover,
.set-background-color-accent,
input[type=checkbox],
input[type=checkbox]:focus,
input[type=checkbox]:hover,
input[type=radio]:focus,
input[type=radio]:hover {
background-color: var(--accent) !important;
}
.note-actions-set,
.set-background-color-foreground {
background-color: var(--foreground) !important;
}
::-webkit-file-upload-button {
color: var(--foreground);
fill: var(--foreground);
}
::file-selector-button {
color: var(--foreground);
fill: var(--foreground);
}
::file-selector-button {
color: var(--foreground);
fill: var(--foreground);
}
body,
input,
textarea,
select {
color: var(--foreground);
fill: var(--foreground);
}
.accessibility-menu,
.set-border-accent {
border: 2px solid var(--accent);
}
.doc-navigation,
.h-entry,
.markdown-blocks,
.section-settings,
.section-settings ul,
.section-widget,
.set-border-soft,
button,
input,
select,
textarea {
border: 2px solid var(--background-soft) !important;
}
#header,
.h-entry,
.header-extra-forms-open,
.profile,
.set-shadow-dark,
button,
input,
select,
textarea {
-webkit-box-shadow: var(--shadow);
-moz-box-shadow: var(--shadow);
box-shadow: var(--shadow);
}
.set-shadow-light {
-webkit-box-shadow: var(--shadow-light);
-moz-box-shadow: var(--shadow-light);
box-shadow: var(--shadow-light);
}