2021-04-03 11:21:58 +02:00
|
|
|
.theme-light {
|
|
|
|
::-webkit-scrollbar-track {
|
|
|
|
background: #fff;
|
|
|
|
}
|
|
|
|
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
|
|
background: rgba($color: $bg-color-light-dark, $alpha: 0.5);
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background: rgba($color: $bg-color-light-dark, $alpha: 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.form-input:disabled,
|
|
|
|
.form-input.disabled,
|
|
|
|
.form-select:disabled,
|
|
|
|
.form-select.disabled {
|
|
|
|
background: #ababab;
|
|
|
|
}
|
|
|
|
|
2021-08-05 12:09:54 +02:00
|
|
|
.menu {
|
|
|
|
.menu-item a {
|
|
|
|
&:hover {
|
|
|
|
color: $body-font-color;
|
|
|
|
background: rgba($color: #000, $alpha: 0.1);
|
2021-04-03 11:21:58 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn {
|
|
|
|
&.btn-link {
|
|
|
|
color: rgba($body-font-color, 0.8);
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
color: $body-font-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-gray {
|
|
|
|
color: #fff;
|
|
|
|
background: $bg-color-gray;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background: $bg-color-dark;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.btn-dark {
|
|
|
|
color: #fff;
|
|
|
|
background: lighten($bg-color-light-dark, 20%);
|
|
|
|
border-color: lighten($bg-color-light-dark, 20%);
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
background: $bg-color-gray;
|
|
|
|
}
|
2021-06-19 11:54:15 +02:00
|
|
|
|
|
|
|
&.active {
|
|
|
|
background-color: $primary-color;
|
|
|
|
}
|
2021-04-03 11:21:58 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.modal {
|
|
|
|
color: $body-font-color;
|
|
|
|
|
|
|
|
&:target .modal-overlay,
|
|
|
|
&.active .modal-overlay {
|
|
|
|
background: rgba($bg-color-dark, 0.75);
|
|
|
|
}
|
|
|
|
|
|
|
|
.modal-container .modal-header {
|
|
|
|
background: $bg-color-light-dark;
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.empty {
|
|
|
|
background: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
.tile {
|
|
|
|
&:hover {
|
|
|
|
background: $bg-color-light-gray;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.selected-element {
|
|
|
|
background: $bg-color-light-gray;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.editor-col {
|
2021-06-29 23:31:18 +02:00
|
|
|
border-left: 0.05rem solid darken($bg-color-light-gray, 15%);
|
2021-04-03 11:21:58 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.file-uploader {
|
|
|
|
border: 0.05rem solid $border-color-dark;
|
|
|
|
background-color: $bg-color-light;
|
|
|
|
|
|
|
|
.file-uploader-message {
|
|
|
|
border-right: 0.05rem solid $border-color-dark;
|
|
|
|
background-color: $bg-color-light;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-08-05 12:09:54 +02:00
|
|
|
#titlebar {
|
|
|
|
background: $bg-color-light;
|
|
|
|
box-shadow: 0 0 1px 0 #000;
|
|
|
|
|
|
|
|
.titlebar-elements {
|
|
|
|
.titlebar-element {
|
|
|
|
&:hover {
|
|
|
|
opacity: 1;
|
|
|
|
background: rgba($color: rgb(172, 172, 172), $alpha: 0.2);
|
|
|
|
}
|
|
|
|
|
|
|
|
&.close-button:hover {
|
|
|
|
background: red;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-04-03 11:21:58 +02:00
|
|
|
#settingbar {
|
|
|
|
width: $settingbar-width;
|
|
|
|
height: calc(100vh - #{$excluding-size});
|
|
|
|
display: flex;
|
|
|
|
flex-direction: column;
|
|
|
|
justify-content: space-between;
|
|
|
|
align-items: center;
|
|
|
|
background: $bg-color-light-dark;
|
|
|
|
padding: 0;
|
|
|
|
box-shadow: 0 0 1px 0 #000;
|
|
|
|
z-index: 9;
|
|
|
|
|
|
|
|
.settingbar-top-elements {
|
|
|
|
overflow-x: hidden;
|
|
|
|
overflow-y: overlay;
|
|
|
|
max-height: calc((100vh - 3.5rem) - #{$excluding-size});
|
|
|
|
|
|
|
|
&::-webkit-scrollbar {
|
|
|
|
width: 3px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.settingbar-bottom-elements {
|
|
|
|
padding-top: 0.5rem;
|
|
|
|
background: $bg-color-light-dark;
|
|
|
|
z-index: 1;
|
|
|
|
}
|
|
|
|
|
|
|
|
.settingbar-elements {
|
|
|
|
list-style: none;
|
|
|
|
text-align: center;
|
|
|
|
width: $settingbar-width;
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
|
|
|
|
.settingbar-element {
|
|
|
|
.settingbar-element-icon {
|
|
|
|
&.badge::after {
|
|
|
|
bottom: -10px;
|
|
|
|
right: 0;
|
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.badge-update::after {
|
|
|
|
bottom: initial;
|
|
|
|
background: $primary-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.ex-tooltip {
|
|
|
|
.ex-tooltip-content {
|
|
|
|
background: rgba(48, 55, 66, 0.95);
|
|
|
|
color: #fff;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.workspace {
|
|
|
|
.workspace-explorebar {
|
|
|
|
background: $bg-color-light-gray;
|
|
|
|
box-shadow: 0 0 1px 0 #000;
|
|
|
|
|
|
|
|
.workspace-explorebar-database {
|
|
|
|
.database-name {
|
|
|
|
background: $bg-color-light-gray;
|
|
|
|
}
|
|
|
|
|
2021-08-05 12:09:54 +02:00
|
|
|
.menu-item {
|
|
|
|
&:hover,
|
|
|
|
&.selected {
|
|
|
|
background: rgba($color: #000, $alpha: 0.05);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-04-03 11:21:58 +02:00
|
|
|
.table-size {
|
|
|
|
opacity: 0.4;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-07-14 20:30:54 +02:00
|
|
|
.workspace-tabs {
|
|
|
|
.tab-block {
|
|
|
|
.tab-item {
|
|
|
|
&.tools-dropdown {
|
|
|
|
background-color: $body-bg;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-04-03 11:21:58 +02:00
|
|
|
.workspace-query-results {
|
|
|
|
.table {
|
|
|
|
.th {
|
|
|
|
background: $body-bg;
|
2021-08-16 19:44:55 +02:00
|
|
|
border-color: lighten($bg-color-light-gray, 2%);
|
2021-04-03 11:21:58 +02:00
|
|
|
}
|
|
|
|
|
2021-08-16 19:44:55 +02:00
|
|
|
.tr {
|
|
|
|
background-color: lighten($bg-color-light-gray, 2%);
|
|
|
|
|
|
|
|
.td:first-child {
|
|
|
|
border-left: 2px solid $body-bg;
|
|
|
|
}
|
|
|
|
|
|
|
|
.td {
|
|
|
|
border-color: $body-bg;
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
box-shadow: inset 0 0 0 2px lighten($body-font-color, 10%);
|
|
|
|
background-color: $body-font-color-dark;
|
|
|
|
}
|
|
|
|
|
|
|
|
.editable-field {
|
|
|
|
box-shadow: inset 0 0 0 2px lighten($body-font-color, 10%);
|
|
|
|
background-color: $body-font-color-dark;
|
|
|
|
}
|
|
|
|
}
|
2021-04-03 11:21:58 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-07-08 18:43:31 +02:00
|
|
|
.connection-panel {
|
|
|
|
.panel {
|
|
|
|
background: rgba($bg-color-light-gray, 100%);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2021-04-03 11:21:58 +02:00
|
|
|
.context {
|
|
|
|
color: $body-font-color-dark;
|
|
|
|
|
|
|
|
.context-container {
|
|
|
|
box-shadow: 0 0 2px 0 #000;
|
|
|
|
background: #1d1d1d;
|
|
|
|
|
|
|
|
.context-element {
|
|
|
|
.context-submenu {
|
|
|
|
background: #1d1d1d;
|
|
|
|
box-shadow: 0 0 2px 0 #000;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:hover {
|
2021-06-29 18:22:40 +02:00
|
|
|
background: rgba($light-color, 15%);
|
2021-04-03 11:21:58 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.table {
|
|
|
|
.td,
|
|
|
|
.th {
|
|
|
|
border-bottom: $border-width solid $border-color;
|
|
|
|
}
|
|
|
|
|
|
|
|
&,
|
|
|
|
&.table-striped {
|
|
|
|
.tbody {
|
|
|
|
.tr {
|
|
|
|
&.selected {
|
|
|
|
background: rgba($bg-color-gray, 0.2) !important;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.active {
|
|
|
|
background: $bg-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.table-hover {
|
|
|
|
.tbody {
|
|
|
|
.tr {
|
|
|
|
&:hover {
|
|
|
|
background: $bg-color-light-gray;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
&.table-striped {
|
|
|
|
.tbody {
|
|
|
|
.tr:nth-of-type(odd) {
|
|
|
|
background: $bg-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
#footer {
|
|
|
|
background: $primary-color;
|
|
|
|
box-shadow: 0 0 1px 0 #000;
|
|
|
|
|
|
|
|
.footer-elements {
|
|
|
|
.footer-element {
|
|
|
|
&.footer-link {
|
|
|
|
&:hover {
|
|
|
|
background: rgba($color: #fff, $alpha: 0.1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|