Add backend css
This commit is contained in:
parent
99e38abe43
commit
0aa3cbe439
18 changed files with 49 additions and 6 deletions
18
Resources/Private/Sass/Backend/index.scss
Normal file
18
Resources/Private/Sass/Backend/index.scss
Normal 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;
|
||||||
|
}
|
||||||
|
}
|
1
Resources/Public/Backend/Css/index.css
Normal file
1
Resources/Public/Backend/Css/index.css
Normal 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}
|
1
Resources/Public/Backend/Logo.svg
Normal file
1
Resources/Public/Backend/Logo.svg
Normal file
File diff suppressed because one or more lines are too long
After Width: | Height: | Size: 7.7 KiB |
BIN
Resources/Public/Backend/T3LoginBackgrund.png
Normal file
BIN
Resources/Public/Backend/T3LoginBackgrund.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 3.4 MiB |
10
ext_tables.php
Normal file
10
ext_tables.php
Normal 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');
|
25
gulpfile.js
25
gulpfile.js
|
@ -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);
|
||||||
|
|
Loading…
Reference in a new issue