mirror of
https://github.com/gchq/CyberChef.git
synced 2025-04-28 18:56:20 -04:00
Developing a dark theme.
This commit is contained in:
parent
a4d93f23d6
commit
e3f41fea9c
8 changed files with 212 additions and 25 deletions
|
@ -15,18 +15,38 @@ a:focus {
|
|||
}
|
||||
|
||||
.btn-default {
|
||||
border-color: #ddd;
|
||||
}
|
||||
|
||||
.btn-default:focus {
|
||||
background-color: #fff;
|
||||
border-color: #adadad;
|
||||
color: $btnDefaultFontColour;
|
||||
background-color: $btnDefaultBgColour;
|
||||
border-color: $btnDefaultBorderColour;
|
||||
}
|
||||
|
||||
.btn-default:hover,
|
||||
.btn-default:active {
|
||||
background-color: #ebebeb;
|
||||
border-color: #adadad;
|
||||
.btn-default:active,
|
||||
.btn-default:hover:active {
|
||||
color: $btnDefaultHoverFontColour;
|
||||
background-color: $btnDefaultHoverBgColour;
|
||||
border-color: $btnDefaultHoverBorderColour;
|
||||
}
|
||||
|
||||
.btn-default:focus {
|
||||
color: $btnDefaultFontColour;
|
||||
background-color: $btnDefaultBgColour;
|
||||
border-color: $btnDefaultHoverBorderColour;
|
||||
}
|
||||
|
||||
.btn-success {
|
||||
color: $btnSuccessFontColour;
|
||||
background-color: $btnSuccessBgColour;
|
||||
border-color: $btnSuccessBorderColour;
|
||||
}
|
||||
|
||||
.btn-success:hover,
|
||||
.btn-success:active,
|
||||
.btn-success:focus,
|
||||
.btn-success:hover:active {
|
||||
color: $btnSuccessHoverFontColour;
|
||||
background-color: $btnSuccessHoverBgColour;
|
||||
border-color: $btnSuccessHoverBorderColour;
|
||||
}
|
||||
|
||||
.btn,
|
||||
|
@ -54,6 +74,15 @@ input[type="search"]::-webkit-search-cancel-button {
|
|||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
background-color: $primaryBackgroundColour;
|
||||
}
|
||||
|
||||
.modal-header,
|
||||
.modal-footer {
|
||||
border-color: $primaryBorderColour;
|
||||
}
|
||||
|
||||
.form-control {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
@ -89,6 +118,17 @@ optgroup {
|
|||
width: auto !important;
|
||||
}
|
||||
|
||||
.popover,
|
||||
.popover.right>.arrow {
|
||||
background-color: $popoverBackground;
|
||||
border-color: $popoverBorderColour;
|
||||
}
|
||||
|
||||
.popover.right>.arrow:after {
|
||||
// border-color: $popoverBorderColour;
|
||||
border-right-color: $popoverBackground;
|
||||
}
|
||||
|
||||
|
||||
/* Bootstrap-switch */
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue