(Grav GitSync) Automatic Commit from RealStickman
This commit is contained in:
parent
75e4904884
commit
bf51e50339
1
plugins/darkadmin/.gitignore
vendored
1
plugins/darkadmin/.gitignore
vendored
@ -1 +0,0 @@
|
|||||||
.DS_Store
|
|
@ -1,5 +0,0 @@
|
|||||||
# v1.0.0
|
|
||||||
## 18/10/2018
|
|
||||||
|
|
||||||
1. [](#new)
|
|
||||||
* ChangeLog started...
|
|
@ -1,21 +0,0 @@
|
|||||||
The MIT License (MIT)
|
|
||||||
|
|
||||||
Copyright (c) 2018 Norman Wink
|
|
||||||
|
|
||||||
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
||||||
of this software and associated documentation files (the "Software"), to deal
|
|
||||||
in the Software without restriction, including without limitation the rights
|
|
||||||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
||||||
copies of the Software, and to permit persons to whom the Software is
|
|
||||||
furnished to do so, subject to the following conditions:
|
|
||||||
|
|
||||||
The above copyright notice and this permission notice shall be included in all
|
|
||||||
copies or substantial portions of the Software.
|
|
||||||
|
|
||||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
||||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
||||||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
||||||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
||||||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
||||||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
||||||
SOFTWARE.
|
|
@ -1,23 +0,0 @@
|
|||||||
# Grav Darkadmin Plugin
|
|
||||||
|
|
||||||
I modified Romain Fallets **customadmin plugin**.
|
|
||||||
[Check it out here](https://github.com/RomainFallet/grav-plugin-customadmin)
|
|
||||||
|
|
||||||
Of course, this plugin has the same requirements as Romains:
|
|
||||||
- Grav 1.0.10 or later
|
|
||||||
- Grav Admin Plugin 1.0.9 or later
|
|
||||||
|
|
||||||
![](assets/darkadmin_dashboard.png)
|
|
||||||
|
|
||||||
# Installation
|
|
||||||
|
|
||||||
Install this plugin the same way you install all plugins.
|
|
||||||
Copy the content of this repository into `user/plugins` and you're good to go.
|
|
||||||
|
|
||||||
# Issues
|
|
||||||
|
|
||||||
Well, I modified every element which I found on my particular Grav installation. This means the code is a mess and I probably didn't get all of them.
|
|
||||||
|
|
||||||
If you find a bright element on your installation, please let me know. When submitting an issue, you could add the CSS path of the bright element to speed up the process.
|
|
||||||
|
|
||||||
Thanks!
|
|
Binary file not shown.
Before Width: | Height: | Size: 538 KiB |
@ -1,16 +0,0 @@
|
|||||||
name: Dark Admin
|
|
||||||
version: 1.0.0
|
|
||||||
description: Modified customadmin plugin to have a nice dark theme matching MacOS Mojave. Special thanks to Romain Fallet, who created the customadmin plugin.
|
|
||||||
icon: empire
|
|
||||||
author:
|
|
||||||
name: Norman Wink
|
|
||||||
email: nw@vonheldenundgestalten.de
|
|
||||||
url: vonheldenundgestalten.de
|
|
||||||
homepage: https://github.com/normanwink/grav-darkadmin
|
|
||||||
keywords: admin, plugin, manager, panel, custom, dark, mojave
|
|
||||||
bugs: https://github.com/normanwink/grav-darkadmin/issues
|
|
||||||
readme: https://github.com/normanwink/grav-darkadmin/README.md
|
|
||||||
license: MIT
|
|
||||||
|
|
||||||
dependencies:
|
|
||||||
- admin
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,34 +0,0 @@
|
|||||||
<?php
|
|
||||||
namespace Grav\Plugin;
|
|
||||||
|
|
||||||
use Grav\Common\Assets;
|
|
||||||
use Grav\Common\Plugin;
|
|
||||||
use Grav\Common\Uri;
|
|
||||||
|
|
||||||
class DarkadminPlugin extends Plugin
|
|
||||||
{
|
|
||||||
public static function getSubscribedEvents() {
|
|
||||||
return [
|
|
||||||
'onPluginsInitialized' => ['onPluginsInitialized', 0],
|
|
||||||
];
|
|
||||||
}
|
|
||||||
|
|
||||||
public function onPluginsInitialized()
|
|
||||||
{
|
|
||||||
/** @var Uri $uri */
|
|
||||||
$uri = $this->grav['uri'];
|
|
||||||
$route = $this->config->get('plugins.admin.route');
|
|
||||||
|
|
||||||
if ($route && preg_match('#' . $route . '#', $uri->path())) {
|
|
||||||
$this->enable([
|
|
||||||
'onPageInitialized' => ['onPageInitialized', 0]
|
|
||||||
]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
public function onPageInitialized()
|
|
||||||
{
|
|
||||||
$assets = $this->grav['assets'];
|
|
||||||
$assets->addCss('user/plugins/darkadmin/darkadmin.css', 1);
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,918 +0,0 @@
|
|||||||
$dark: #212224;
|
|
||||||
$light: #2b2c2e;
|
|
||||||
$bars: #2c2d30;
|
|
||||||
$border: #515153;
|
|
||||||
$input: #68696b;
|
|
||||||
$font: #ffffff;
|
|
||||||
$border-radius: 4px;
|
|
||||||
$note: #06A599;
|
|
||||||
|
|
||||||
// syntax hilighting
|
|
||||||
$mark: #fccb66;
|
|
||||||
$imp: #f8444e;
|
|
||||||
$url: #1f8fd5;
|
|
||||||
$str: #b8ce59;
|
|
||||||
$var: #f93df3;
|
|
||||||
|
|
||||||
pre {
|
|
||||||
background: $input;
|
|
||||||
color: $font;
|
|
||||||
border: 1px solid $border;
|
|
||||||
border-radius: $border-radius;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
background: $dark;
|
|
||||||
color: $font;
|
|
||||||
|
|
||||||
.bootstrap-datetimepicker-widget {
|
|
||||||
&.dropdown-menu {
|
|
||||||
border-color: $border;
|
|
||||||
background: $light;
|
|
||||||
|
|
||||||
&.bottom {
|
|
||||||
&:before {
|
|
||||||
border-left: 7px solid transparent;
|
|
||||||
border-right: 7px solid transparent;
|
|
||||||
border-bottom: 7px solid $light;
|
|
||||||
border-bottom-color: rgba(0,0,0,0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:after {
|
|
||||||
border-left: 6px solid transparent;
|
|
||||||
border-right: 6px solid transparent;
|
|
||||||
border-bottom: 6px solid $light;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
table {
|
|
||||||
td span,
|
|
||||||
th,
|
|
||||||
td.day {
|
|
||||||
&:hover {
|
|
||||||
background: $dark !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
td {
|
|
||||||
&.active,
|
|
||||||
&.active:hover {
|
|
||||||
background: $dark;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.active {
|
|
||||||
color: $imp !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
blockquote {
|
|
||||||
background: none;
|
|
||||||
border-color: $border;
|
|
||||||
|
|
||||||
p {
|
|
||||||
color: darken($font, 20%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.notice,
|
|
||||||
.note {
|
|
||||||
background: $bars;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info {
|
|
||||||
background: $dark;
|
|
||||||
border: 1px solid $var;
|
|
||||||
}
|
|
||||||
|
|
||||||
td {
|
|
||||||
border-color: $border;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fa {
|
|
||||||
color: $font;
|
|
||||||
}
|
|
||||||
|
|
||||||
#admin-dashboard {
|
|
||||||
.primary-accent {
|
|
||||||
background: $light;
|
|
||||||
|
|
||||||
.button-bar {
|
|
||||||
background: $dark;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ct-bar {
|
|
||||||
stroke: rgba($url, 0.8) !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.secondary-accent {
|
|
||||||
background: $light;
|
|
||||||
|
|
||||||
.button-bar {
|
|
||||||
background: $dark;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ct-chart {
|
|
||||||
.ct-series {
|
|
||||||
&.ct-series-a {
|
|
||||||
.ct-slice-donut {
|
|
||||||
stroke: $note !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin-block {
|
|
||||||
li {
|
|
||||||
border-color: $border;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.ct-grid {
|
|
||||||
stroke: rgba($font, 0.2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.ct-label {
|
|
||||||
fill: $font;
|
|
||||||
color: $font;
|
|
||||||
}
|
|
||||||
|
|
||||||
#admin-main {
|
|
||||||
.admin-block {
|
|
||||||
background: $light;
|
|
||||||
color: $font;
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: $font;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: darken($font, 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
td {
|
|
||||||
&.double {
|
|
||||||
a,
|
|
||||||
a:hover {
|
|
||||||
color: $url;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.titlebar {
|
|
||||||
background: $bars;
|
|
||||||
color: $font;
|
|
||||||
border-bottom: 1px solid $border;
|
|
||||||
}
|
|
||||||
|
|
||||||
#admin-topbar {
|
|
||||||
background: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-tabs {
|
|
||||||
background: none;
|
|
||||||
|
|
||||||
.tabs-content {
|
|
||||||
background: $light;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabs-nav {
|
|
||||||
a {
|
|
||||||
color: $font;
|
|
||||||
background: $dark;
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
background: $light;
|
|
||||||
color: $font;
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: darken($light, 2%);
|
|
||||||
color: $font;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.grav-editor-toolbar {
|
|
||||||
border: 1px solid $border;
|
|
||||||
background: $light;
|
|
||||||
|
|
||||||
ul {
|
|
||||||
a {
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background: $dark;
|
|
||||||
color: $font;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-disabled {
|
|
||||||
a {
|
|
||||||
.fa {
|
|
||||||
color: rgba($font, 0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover,
|
|
||||||
&:focus {
|
|
||||||
background: $dark;
|
|
||||||
.fa {
|
|
||||||
color: rgba($font, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu {
|
|
||||||
border-color: $border;
|
|
||||||
background: $light;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.admin-block {
|
|
||||||
h1 {
|
|
||||||
color: $font;
|
|
||||||
border-color: $border;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.switch-grav {
|
|
||||||
background: $dark;
|
|
||||||
border-color: $border;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: lighten($dark, 2%);
|
|
||||||
}
|
|
||||||
|
|
||||||
&.switch-toggle {
|
|
||||||
input {
|
|
||||||
&:checked {
|
|
||||||
+ label {
|
|
||||||
background: $input;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.switch-toggle {
|
|
||||||
input {
|
|
||||||
+label {
|
|
||||||
color: $font;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.danger,
|
|
||||||
.success {
|
|
||||||
&.button-bar {
|
|
||||||
background: $light;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#notifications {
|
|
||||||
.badge {
|
|
||||||
&.alert {
|
|
||||||
&.note {
|
|
||||||
background: $dark;
|
|
||||||
border: 1px solid $note;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.switch-grav {
|
|
||||||
background: $dark;
|
|
||||||
border-color: $border;
|
|
||||||
|
|
||||||
&.switch-toggle {
|
|
||||||
input {
|
|
||||||
&.highlight {
|
|
||||||
&:checked {
|
|
||||||
+ label {
|
|
||||||
background: $input;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
&[value="1"],
|
|
||||||
&[value="true"] {
|
|
||||||
&:checked + label {
|
|
||||||
background: $note !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
&[value="0"],
|
|
||||||
&[value="false"] {
|
|
||||||
&:checked + label {
|
|
||||||
background: $imp !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.grav-editor-content,
|
|
||||||
.grav-editor-preview {
|
|
||||||
border-color: $border;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pages-list {
|
|
||||||
border-top-color: $border;
|
|
||||||
|
|
||||||
.page-item {
|
|
||||||
background: $light;
|
|
||||||
|
|
||||||
}
|
|
||||||
.row {
|
|
||||||
border-bottom-color: $border;
|
|
||||||
// border-bottom: none;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: $dark;
|
|
||||||
}
|
|
||||||
|
|
||||||
p {
|
|
||||||
&.page-route {
|
|
||||||
color: rgba($font, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-icon {
|
|
||||||
color: $url;
|
|
||||||
|
|
||||||
.not-routable {
|
|
||||||
color: $imp;
|
|
||||||
}
|
|
||||||
|
|
||||||
.not-visible {
|
|
||||||
color: $str;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.modular {
|
|
||||||
color: $var;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.default-box-shadow {
|
|
||||||
border: 1px solid $border;
|
|
||||||
border-radius: $border-radius;
|
|
||||||
//overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
.selectize-control {
|
|
||||||
&.single,
|
|
||||||
&.multi {
|
|
||||||
.selectize-input,
|
|
||||||
.selectize-input.full,
|
|
||||||
.selectize-input.items,
|
|
||||||
.selectize-input.active {
|
|
||||||
color: $font;
|
|
||||||
border-color: $border;
|
|
||||||
background-color: $input;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.multi {
|
|
||||||
.selectize-input {
|
|
||||||
> div {
|
|
||||||
background: $light;
|
|
||||||
|
|
||||||
&.active {
|
|
||||||
background: $note;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
input {
|
|
||||||
&[type=text],
|
|
||||||
&[type=password],
|
|
||||||
&[type=email],
|
|
||||||
&[type=date],
|
|
||||||
&[type=tel],
|
|
||||||
&[type=time],
|
|
||||||
&[type=week],
|
|
||||||
&[type=month],
|
|
||||||
&[type=number],
|
|
||||||
&[type=color],
|
|
||||||
&[type=url] {
|
|
||||||
color: $font;
|
|
||||||
border-color: $border;
|
|
||||||
background-color: $input;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
textarea {
|
|
||||||
color: $font;
|
|
||||||
border-color: $border;
|
|
||||||
background: $input;
|
|
||||||
}
|
|
||||||
|
|
||||||
.checkboxes {
|
|
||||||
label {
|
|
||||||
&:before {
|
|
||||||
background: $input;
|
|
||||||
border-color: $border;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=checkbox] {
|
|
||||||
&:checked {
|
|
||||||
+ label {
|
|
||||||
&:before {
|
|
||||||
line-height: 1.4rem;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-input-file {
|
|
||||||
border: 1px solid $border;
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-label,
|
|
||||||
label {
|
|
||||||
color: rgba($font, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-input-wrapper {
|
|
||||||
.form-input-addon {
|
|
||||||
border-color: $border;
|
|
||||||
background: $light;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-bar {
|
|
||||||
background: $light;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h3 {
|
|
||||||
border-color: $border;
|
|
||||||
border-width: 1px;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3, h4, h5 {
|
|
||||||
color: $font;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#page-filtering {
|
|
||||||
.selectize-control {
|
|
||||||
&.multi {
|
|
||||||
.selectize-input {
|
|
||||||
.item,
|
|
||||||
.item.active {
|
|
||||||
background: $light;
|
|
||||||
color: rgba($font, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.selectize-input {
|
|
||||||
&.full {
|
|
||||||
background: $input;
|
|
||||||
color: $font;
|
|
||||||
border-color: $border;
|
|
||||||
}
|
|
||||||
&.dropdown-active {
|
|
||||||
&:before {
|
|
||||||
background: $border;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.selectize-input,
|
|
||||||
.selectize-control.single .selectize-input.input-active {
|
|
||||||
background: $dark;
|
|
||||||
color: $font;
|
|
||||||
}
|
|
||||||
|
|
||||||
input[type=range].rangefield {
|
|
||||||
&:focus {
|
|
||||||
// outline: none;
|
|
||||||
}
|
|
||||||
&::-webkit-slider-runnable-track {
|
|
||||||
background: $input;
|
|
||||||
border: 1px solid $border;
|
|
||||||
}
|
|
||||||
&::-webkit-slider-thumb {
|
|
||||||
background: $note;
|
|
||||||
border: 1px solid $border;
|
|
||||||
}
|
|
||||||
&::-moz-focus-outer {
|
|
||||||
// border: 0;
|
|
||||||
}
|
|
||||||
&::-moz-range-track {
|
|
||||||
background: $input;
|
|
||||||
border: 1px solid $border;
|
|
||||||
}
|
|
||||||
&::-moz-range-thumb {
|
|
||||||
background: $str;
|
|
||||||
border: 1px solid $border;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropzone {
|
|
||||||
background: $input;
|
|
||||||
border-color: $border;
|
|
||||||
|
|
||||||
&.dz-clickable {
|
|
||||||
.dz-message,
|
|
||||||
.dz-message span {
|
|
||||||
color: rgba($font, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dz-preview {
|
|
||||||
border-color: $border;
|
|
||||||
|
|
||||||
.dz-details {
|
|
||||||
background: $dark;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dz-remove,
|
|
||||||
.dz-unset,
|
|
||||||
.dz-view,
|
|
||||||
.dz-insert,
|
|
||||||
.dz-metadata {
|
|
||||||
background: $dark;
|
|
||||||
color: $font;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dz-remove {
|
|
||||||
&:hover {
|
|
||||||
color: $imp;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dz-unset,
|
|
||||||
.dz-view,
|
|
||||||
.dz-insert,
|
|
||||||
.dz-metadata {
|
|
||||||
&:hover {
|
|
||||||
color: $str;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
body .selectize-dropdown {
|
|
||||||
border: 1px solid $border;
|
|
||||||
background: $light;
|
|
||||||
border-top: 0 none;
|
|
||||||
color: $font;
|
|
||||||
|
|
||||||
[data-selectable] {
|
|
||||||
&:hover {
|
|
||||||
background: darken($dark, 5%);
|
|
||||||
color: $font;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.plugin-optgroup_columns {
|
|
||||||
.optgroup {
|
|
||||||
border-right: 1px solid $border;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.optgroup-header {
|
|
||||||
color: $font;
|
|
||||||
border-bottom: 1px solid $border;
|
|
||||||
background-color: $light;
|
|
||||||
}
|
|
||||||
|
|
||||||
.active {
|
|
||||||
background: darken($dark, 5%);
|
|
||||||
color: $font;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.CodeMirror {
|
|
||||||
padding-left: 0.7em;
|
|
||||||
padding-right: 0.7em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cm-s-paper {
|
|
||||||
&.CodeMirror {
|
|
||||||
background: $input;
|
|
||||||
color: $font;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cm-header,
|
|
||||||
.cm-strong,
|
|
||||||
.cm-em,
|
|
||||||
.cm-strikethrough,
|
|
||||||
.cm-quote {
|
|
||||||
color: $mark;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cm-link,
|
|
||||||
.cm-url {
|
|
||||||
color: $url;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cm-image-marker {
|
|
||||||
color: $imp;
|
|
||||||
}
|
|
||||||
|
|
||||||
.cm-image-alt-text {
|
|
||||||
color: $str;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.CodeMirror-scrollbar-filler,
|
|
||||||
.CodeMirror-gutter-filler {
|
|
||||||
background: $input;
|
|
||||||
}
|
|
||||||
|
|
||||||
.grav-editor {
|
|
||||||
.CodeMirror-scroll {
|
|
||||||
// padding-bottom: 0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.grav-editor-resizer {
|
|
||||||
background-color: $border;
|
|
||||||
background-image: -webkit-linear-gradient(top, $border 0%,$border 20%,darken($border, 10%) 20%,darken($border, 10%) 40%,$border 40%,$border 60%,darken($border, 10%) 60%,darken($border, 10%) 80%,$border 80%,$border 100%);
|
|
||||||
background-image: linear-gradient(to bottom,$border 0%,$border 20%,darken($border, 10%) 20%,darken($border, 10%) 40%,$border 40%,$border 60%,darken($border, 10%) 60%,darken($border, 10%) 80%,$border 80%,$border 100%);
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-order-wrapper {
|
|
||||||
ul {
|
|
||||||
&.orderable {
|
|
||||||
li {
|
|
||||||
border-color: $border;
|
|
||||||
background: $light;
|
|
||||||
color: $font;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: $dark;
|
|
||||||
}
|
|
||||||
|
|
||||||
&[data-active-id] {
|
|
||||||
border-color: $imp;
|
|
||||||
}
|
|
||||||
|
|
||||||
&.drag-handle {
|
|
||||||
background: $light;
|
|
||||||
color: $font;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.form-list-wrapper {
|
|
||||||
ul {
|
|
||||||
&[data-collection-holder] {
|
|
||||||
> li {
|
|
||||||
border-color: $border;
|
|
||||||
background: $light;
|
|
||||||
color: $font;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.collection-sort {
|
|
||||||
background: $dark;
|
|
||||||
border-right-color: $border;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#phpinfo {
|
|
||||||
th {
|
|
||||||
background: $light;
|
|
||||||
}
|
|
||||||
td {
|
|
||||||
&:first-child {
|
|
||||||
color: darken($font, 10%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.gpm {
|
|
||||||
> table {
|
|
||||||
> tbody {
|
|
||||||
> tr {
|
|
||||||
border-color: $border;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: $dark;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.sort-actions {
|
|
||||||
bottom: 1em;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.gpm-item-info {
|
|
||||||
border-bottom: 1px solid $border;
|
|
||||||
|
|
||||||
.gpm-item-icon {
|
|
||||||
color: rgba($font, 0.1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
tr {
|
|
||||||
td {
|
|
||||||
&.gpm-details {
|
|
||||||
background: $light;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.toast {
|
|
||||||
background: $dark;
|
|
||||||
|
|
||||||
&-success {
|
|
||||||
border: 1px solid $str;
|
|
||||||
}
|
|
||||||
|
|
||||||
&-error {
|
|
||||||
border: 1px solid $imp;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#admin-sidebar {
|
|
||||||
background: $light;
|
|
||||||
border-right: 1px solid $border;
|
|
||||||
}
|
|
||||||
|
|
||||||
#open-handle {
|
|
||||||
background: $dark;
|
|
||||||
border-left: none;
|
|
||||||
border-bottom: 1px solid $border;
|
|
||||||
}
|
|
||||||
|
|
||||||
#admin-logo {
|
|
||||||
background: $bars;
|
|
||||||
border-bottom: 1px solid $border;
|
|
||||||
}
|
|
||||||
|
|
||||||
#offline-status {
|
|
||||||
background: $imp;
|
|
||||||
}
|
|
||||||
|
|
||||||
#admin-user-details,
|
|
||||||
.admin-user-details {
|
|
||||||
border-color: $border;
|
|
||||||
}
|
|
||||||
|
|
||||||
#admin-nav-quick-tray {
|
|
||||||
background: $dark;
|
|
||||||
border-color: $border;
|
|
||||||
}
|
|
||||||
|
|
||||||
#admin-menu {
|
|
||||||
li {
|
|
||||||
&.selected {
|
|
||||||
a {
|
|
||||||
background: $light;
|
|
||||||
border-color: $imp;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
a {
|
|
||||||
&:hover {
|
|
||||||
background: darken($light, 2%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#admin-login-wrapper {
|
|
||||||
background: $dark;
|
|
||||||
}
|
|
||||||
|
|
||||||
#admin-login {
|
|
||||||
background: $light;
|
|
||||||
|
|
||||||
.form-actions {
|
|
||||||
&.primary-accent {
|
|
||||||
background: $bars;
|
|
||||||
border-top: 1px solid $border;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
form {
|
|
||||||
input {
|
|
||||||
color: $font;
|
|
||||||
border-color: $border;
|
|
||||||
background-color: $input;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.primary-accent .button,
|
|
||||||
.button.primary,
|
|
||||||
#admin-main .titlebar .button-bar .button,
|
|
||||||
#admin-main .admin-block .button {
|
|
||||||
background: $dark;
|
|
||||||
border: 1px solid $url;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: lighten($dark, 2%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.button-group {
|
|
||||||
.dropdown-menu {
|
|
||||||
background: $dark;
|
|
||||||
border: 1px solid $border;
|
|
||||||
|
|
||||||
li {
|
|
||||||
> a {
|
|
||||||
&:focus,
|
|
||||||
&:hover {
|
|
||||||
background: lighten($dark, 2%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.secondary-accent {
|
|
||||||
.button {
|
|
||||||
background: $dark;
|
|
||||||
border: 1px solid $note;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: lighten($dark, 2%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-menu {
|
|
||||||
.button {
|
|
||||||
border: none !important;
|
|
||||||
border-radius: 0px !important;
|
|
||||||
padding: 3px 20px !important;
|
|
||||||
background: $dark;
|
|
||||||
|
|
||||||
&:focus,
|
|
||||||
&:hover {
|
|
||||||
background: lighten($dark, 2%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.danger {
|
|
||||||
.button {
|
|
||||||
border-color: $imp !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.badge {
|
|
||||||
background: $dark;
|
|
||||||
}
|
|
||||||
|
|
||||||
.remodal {
|
|
||||||
background: $light;
|
|
||||||
color: $font;
|
|
||||||
|
|
||||||
&-overlay {
|
|
||||||
background: rgba($dark, 0.8);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-item {
|
|
||||||
background: $bars;
|
|
||||||
border: 1px solid $border;
|
|
||||||
border-radius: $border-radius;
|
|
||||||
|
|
||||||
.gpm-actions {
|
|
||||||
background: $light;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
background: darken($light, 2%);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.active-theme {
|
|
||||||
border: 1px solid $var;
|
|
||||||
|
|
||||||
.gpm-actions {
|
|
||||||
background: $dark;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
@ -1 +0,0 @@
|
|||||||
enabled: true
|
|
Loading…
Reference in New Issue
Block a user