Slight modification from the base to fix search bar style on Firefox/Waterfox
Searx Material (Dark) by ksmarty
Details
Authorksmarty
LicenseMIT
Categorysearx
Created
Updated
Size72 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Searx Material (Dark)
@namespace github.com/katacarbix/searx-material
@version 1.0.3
@description Dark Material Design 3 theme for Searx
@author katacarbix
@license CC0-1.0
==/UserStyle== */
@-moz-document domain("search.notato.xyz"), domain("") {
select.form-control {
border: 3px solid #010101 !important;
}
#sidebar_results {
display: none;
}
#main_results {
right: initial;
}
.tt-hint {
background: transparent !important;
}
h1 {
font-size: 36px !important;
font-weight: 400 !important;
line-height: 44px !important;
letter-spacing: 0px !important;
}
h2 {
font-size: 32px !important;
font-weight: 400 !important;
line-height: 40px !important;
letter-spacing: 0px !important;
}
h3 {
font-size: 28px !important;
font-weight: 400 !important;
line-height: 36px !important;
letter-spacing: 0px !important;
}
h4 {
font-size: 24px !important;
font-weight: 400 !important;
line-height: 32px !important;
letter-spacing: 0px !important;
}
h5 {
font-size: 22px !important;
font-weight: 400 !important;
line-height: 28px !important;
letter-spacing: 0px !important;
}
h6 {
font-size: 18px !important;
font-weight: 400 !important;
line-height: 24px !important;
letter-spacing: 0px !important;
}
.glyphicon {
display: none !important;
}
#buttons-test .elevated:not(.disabled) {
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
border-radius: 20px !important;
padding: 0 24px;
transition: background-color ease 0.1s, box-shadow ease 0.1s;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
border: none;
background-color: #16161a !important;
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3),
0 1px 3px 1px rgba(0, 0, 0, 0.15);
padding-left: 16px;
white-space: nowrap;
color: #7f5af0;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 20px !important;
letter-spacing: 0.1px !important;
}
#buttons-test .elevated:not(.disabled):hover,
#buttons-test .elevated:not(.disabled).hovered {
background-color: #7f5af0 !important;
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3),
0 2px 6px 2px rgba(0, 0, 0, 0.15);
}
#buttons-test .elevated:not(.disabled).focused,
#buttons-test .elevated:not(.disabled):active,
#buttons-test .elevated:not(.disabled).pressed {
background-color: #22332e !important;
}
#buttons-test .elevated:not(.disabled)::before {
margin-right: 8px;
flex-shrink: 0;
display: inline-block;
content: " ";
width: 18px;
height: 18px;
padding: 0;
overflow: hidden;
color: transparent;
background-color: transparent !important;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-plus' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%237f5af0' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 18px 18px;
}
#buttons-test .elevated:not(.disabled)::after {
content: "Button";
display: inline-block;
white-space: nowrap;
color: #7f5af0;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 20px !important;
letter-spacing: 0.1px !important;
}
#buttons-test .elevated.disabled {
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
border-radius: 20px !important;
padding: 0 24px;
transition: background-color ease 0.1s, box-shadow ease 0.1s;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
cursor: not-allowed;
border: none;
background-color: rgba(225, 227, 224, 0.12) !important;
padding-left: 16px;
white-space: nowrap;
color: rgba(225, 227, 224, 0.38);
font-size: 14px !important;
font-weight: 500 !important;
line-height: 20px !important;
letter-spacing: 0.1px !important;
}
#buttons-test .elevated.disabled::before {
margin-right: 8px;
flex-shrink: 0;
display: inline-block;
content: " ";
width: 18px;
height: 18px;
padding: 0;
overflow: hidden;
color: transparent;
background-color: transparent !important;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-plus' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(225, 227, 224, 0.38)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 18px 18px;
}
#buttons-test .elevated.disabled::after {
content: "Button";
display: inline-block;
white-space: nowrap;
color: rgba(225, 227, 224, 0.38);
font-size: 14px !important;
font-weight: 500 !important;
line-height: 20px !important;
letter-spacing: 0.1px !important;
}
#buttons-test .filled:not(.disabled) {
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
border-radius: 20px !important;
padding: 0 24px;
transition: background-color ease 0.1s, box-shadow ease 0.1s;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
border: none;
background-color: #7f5af0 !important;
padding-left: 16px;
white-space: nowrap;
color: #fffff0;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 20px !important;
letter-spacing: 0.1px !important;
}
#buttons-test .filled:not(.disabled):hover,
#buttons-test .filled:not(.disabled).hovered {
background-color: #7f5af0 !important;
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3),
0 1px 3px 1px rgba(0, 0, 0, 0.15);
}
#buttons-test .filled:not(.disabled).focused,
#buttons-test .filled:not(.disabled):active,
#buttons-test .filled:not(.disabled).pressed {
background-color: #6fdcbd !important;
box-shadow: none !important;
}
#buttons-test .filled:not(.disabled)::before {
margin-right: 8px;
flex-shrink: 0;
display: inline-block;
content: " ";
width: 18px;
height: 18px;
padding: 0;
overflow: hidden;
color: transparent;
background-color: transparent !important;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-plus' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFF0' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 18px 18px;
}
#buttons-test .filled:not(.disabled)::after {
content: "Button";
display: inline-block;
white-space: nowrap;
color: #fffff0;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 20px !important;
letter-spacing: 0.1px !important;
}
#buttons-test .filled.disabled {
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
border-radius: 20px !important;
padding: 0 24px;
transition: background-color ease 0.1s, box-shadow ease 0.1s;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
cursor: not-allowed;
border: none;
background-color: rgba(225, 227, 224, 0.12) !important;
padding-left: 16px;
white-space: nowrap;
color: rgba(225, 227, 224, 0.38);
font-size: 14px !important;
font-weight: 500 !important;
line-height: 20px !important;
letter-spacing: 0.1px !important;
}
#buttons-test .filled.disabled::before {
margin-right: 8px;
flex-shrink: 0;
display: inline-block;
content: " ";
width: 18px;
height: 18px;
padding: 0;
overflow: hidden;
color: transparent;
background-color: transparent !important;
background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='mdi-plus' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='rgba(225, 227, 224, 0.38)' d='M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z' /%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
background-size: 18px 18px;
}
#buttons-test .filled.disabled::after {
content: "Button";
display: inline-block;
white-space: nowrap;
color: rgba(225, 227, 224, 0.38);
font-size: 14px !important;
font-weight: 500 !important;
line-height: 20px !important;
letter-spacing: 0.1px !important;
}
#buttons-test .tonal:not(.disabled) {
display: inline-flex;
align-items: center;
justify-content: center;
height: 40px;
border-radius: 20px !important;
padding: 0 24px;
transition: background-color ease 0.1s, box-shadow ease 0.1s;
text-decoration: none;
white-space: nowrap;
overflow: hidden;
cursor: pointer;
border: none;
background-color: #7f5af0 !important;
padding-left: 16px;
white-space: nowrap;
color: #fffffe;
font-size: 14px !important;
font-weight: 500 !important;
line-height: 20px !important;
letter-spacing: 0.1px !important;
}
#buttons-test .tonal:not(.disabled):hover,
#buttons-test .tonal:not(.disabled).hovered {
background-color: #7f5af0 !important;
box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3),
0 1px 3px 1px rgba(0, 0, 0, 0.15);
}
#buttons-test .tonal:not(.disabled).focused,
#buttons-test .tonal:not(.disabled):active,
#buttons-test .tonal:not(.disabled).pressed {
background-color: #465e55 !important;...