Add backend css

This commit is contained in:
Daniel Siepmann 2020-01-21 17:28:29 +01:00
parent 99e38abe43
commit 0aa3cbe439
18 changed files with 49 additions and 6 deletions

View file

@ -0,0 +1,18 @@
.typo3-login {
.panel,
.panel-footer {
background-color: rgba(0, 0, 0, .5);
}
input {
color: #9CD9F0;
border-color: #9CD9F0;
background-color: #2E3436;
}
.form-control:focus {
border-color: #77DFD8;
}
a {
color: #fff;
}
}

View file

@ -0,0 +1 @@
.typo3-login .panel,.typo3-login .panel-footer{background-color:rgba(0,0,0,.5)}.typo3-login input{color:#9cd9f0;border-color:#9cd9f0;background-color:#2e3436}.typo3-login .form-control:focus{border-color:#77dfd8}.typo3-login a{color:#fff}

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.4 MiB

10
ext_tables.php Normal file
View file

@ -0,0 +1,10 @@
<?php
(function (string $extensionKey) {
$GLOBALS['TBE_STYLES']['skins'][$extensionKey] = [
'name' => $extensionKey,
'stylesheetDirectories' => [
'css' => 'EXT:' . $extensionKey . '/Resources/Public/Backend/Css/'
]
];
})('ds_site');

View file

@ -2,10 +2,11 @@ const { src, dest, parallel, watch } = require('gulp');
const sass = require('gulp-sass'); const sass = require('gulp-sass');
const minifyCSS = require('gulp-csso'); const minifyCSS = require('gulp-csso');
const sassFolder = 'Resources/Private/Sass/'; const frontendSassFolder = 'Resources/Private/Sass/Frontend/';
const backendSassFolder = 'Resources/Private/Sass/Backend/';
function css() { function frontendCss() {
return src(sassFolder + 'index.scss') return src(frontendSassFolder + 'index.scss')
.pipe(sass({ .pipe(sass({
includePaths: [ includePaths: [
'./node_modules/' './node_modules/'
@ -14,9 +15,21 @@ function css() {
.pipe(minifyCSS()) .pipe(minifyCSS())
.pipe(dest('Resources/Public/Css/')) .pipe(dest('Resources/Public/Css/'))
} }
function backendCss() {
return src(backendSassFolder + 'index.scss')
.pipe(sass({
includePaths: [
'./node_modules/'
]
}).on('error', sass.logError))
.pipe(minifyCSS())
.pipe(dest('Resources/Public/Backend/Css/'))
}
exports.css = css; exports.frontendCss = frontendCss;
exports.backendCss = backendCss;
exports.watch = function () { exports.watch = function () {
watch([sassFolder + '**/*.scss'], {ignoreInitial: false}, css); watch([frontendSassFolder + '**/*.scss'], {ignoreInitial: false}, frontendCss);
watch([backendSassFolder + '**/*.scss'], {ignoreInitial: false}, backendCss);
}; };
exports.default = parallel(css); exports.default = parallel(frontendCss, backendCss);