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 minifyCSS = require('gulp-csso');
|
||||
|
||||
const sassFolder = 'Resources/Private/Sass/';
|
||||
const frontendSassFolder = 'Resources/Private/Sass/Frontend/';
|
||||
const backendSassFolder = 'Resources/Private/Sass/Backend/';
|
||||
|
||||
function css() {
|
||||
return src(sassFolder + 'index.scss')
|
||||
function frontendCss() {
|
||||
return src(frontendSassFolder + 'index.scss')
|
||||
.pipe(sass({
|
||||
includePaths: [
|
||||
'./node_modules/'
|
||||
|
@ -14,9 +15,21 @@ function css() {
|
|||
.pipe(minifyCSS())
|
||||
.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 () {
|
||||
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