BetterDiscordApp-rauenzi/renderer/src/styles/buttons.css

62 lines
1.1 KiB
CSS
Raw Normal View History

2020-07-23 22:51:58 +02:00
.bd-button {
display: inline-flex;
justify-content: center;
align-items: center;
2022-01-28 20:39:17 +01:00
background-color: #3E82E5;
color: #FFFFFF;
2020-07-23 22:51:58 +02:00
border-radius: 3px;
padding: 4px 8px;
transition: background-color 0.17s ease, color 0.17s ease, opacity 250ms ease;
2020-07-23 22:51:58 +02:00
}
.bd-button:hover {
2022-01-28 20:39:17 +01:00
background-color: #3875CE;
2020-07-23 22:51:58 +02:00
}
.bd-button:active {
2022-01-28 20:39:17 +01:00
background-color: #3268B7;
2020-07-23 22:51:58 +02:00
}
.bd-button.bd-button-success {
2022-01-28 20:39:17 +01:00
background-color: #43B581;
2020-07-23 22:51:58 +02:00
}
.bd-button.bd-button-success:hover {
2022-01-28 20:39:17 +01:00
background-color: #3CA374;
2020-07-23 22:51:58 +02:00
}
.bd-button.bd-button-success:active {
background-color: #369167;
}
.bd-button.bd-button-warning {
2022-01-28 20:39:17 +01:00
background-color: #FAA61A;
}
.bd-button.bd-button-warning:hover {
2022-01-28 20:39:17 +01:00
background-color: #E19517;
}
.bd-button.bd-button-warning:active {
2022-01-28 20:39:17 +01:00
background-color: #C88515;
}
.bd-button.bd-button-danger {
2022-01-28 20:39:17 +01:00
background-color: #F04747;
}
.bd-button.bd-button-danger:hover {
2022-01-28 20:39:17 +01:00
background-color: #D84040;
}
.bd-button.bd-button-danger:active {
2022-01-28 20:39:17 +01:00
background-color: #C03939;
}
.bd-button-disabled {
opacity: 0.4;
}
.bd-button-disabled:hover {
cursor: not-allowed;
2020-07-23 22:51:58 +02:00
}