Commit e82faa5d authored by Michael Herold's avatar Michael Herold
Browse files

Adds dark css style

parent bc7bc0c6
......@@ -4,3 +4,4 @@ vendor/
*.css
*.css.map
VERSION
nbproject/private/
auxiliary.org-netbeans-modules-css-prep.less_2e_compiler_2e_options=
auxiliary.org-netbeans-modules-css-prep.less_2e_enabled=false
auxiliary.org-netbeans-modules-css-prep.less_2e_mappings=/less:/css
auxiliary.org-netbeans-modules-css-prep.sass_2e_compiler_2e_options=
auxiliary.org-netbeans-modules-css-prep.sass_2e_configured=true
auxiliary.org-netbeans-modules-css-prep.sass_2e_enabled=true
auxiliary.org-netbeans-modules-css-prep.sass_2e_mappings=scss:htdocs/static/design
auxiliary.org-netbeans-modules-php-phpunit.bootstrap_2e_create_2e_tests=false
auxiliary.org-netbeans-modules-php-phpunit.bootstrap_2e_enabled=false
auxiliary.org-netbeans-modules-php-phpunit.bootstrap_2e_path=
auxiliary.org-netbeans-modules-php-phpunit.customSuite_2e_enabled=false
auxiliary.org-netbeans-modules-php-phpunit.customSuite_2e_path=
auxiliary.org-netbeans-modules-php-phpunit.phpUnit_2e_enabled=false
auxiliary.org-netbeans-modules-php-phpunit.phpUnit_2e_path=
auxiliary.org-netbeans-modules-php-phpunit.test_2e_groups_2e_ask=false
auxiliary.org-netbeans-modules-php-phpunit.test_2e_run_2e_all=false
browser.reload.on.save=true
code.analysis.excludes=
file.reference.form-vendor=vendor
......
......@@ -3,7 +3,7 @@
<type>org.netbeans.modules.php.project</type>
<configuration>
<data xmlns="http://www.netbeans.org/ns/php-project/1">
<name>hemio\edentata</name>
<name>edentata</name>
</data>
</configuration>
</project>
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
width="0.33060971cm"
height="1.0325699cm"
viewBox="0 0 11.714517 36.587122"
id="svg2"
version="1.1"
inkscape:version="0.91 r13725"
sodipodi:docname="select_dark.svg">
<defs
id="defs4" />
<sodipodi:namedview
id="base"
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1.0"
inkscape:pageopacity="0.0"
inkscape:pageshadow="2"
inkscape:zoom="1.979899"
inkscape:cx="-235.31964"
inkscape:cy="-6.7454108"
inkscape:document-units="cm"
inkscape:current-layer="layer1"
showgrid="false"
showguides="true"
inkscape:guide-bbox="true"
fit-margin-top="0"
fit-margin-left="0"
fit-margin-right="0"
fit-margin-bottom="0"
units="cm"
inkscape:window-width="1920"
inkscape:window-height="1136"
inkscape:window-x="0"
inkscape:window-y="27"
inkscape:window-maximized="1" />
<metadata
id="metadata7">
<rdf:RDF>
<cc:Work
rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
<dc:title></dc:title>
</cc:Work>
</rdf:RDF>
</metadata>
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-49.249166,-19.023169)">
<path
style="fill:none;fill-rule:evenodd;stroke:#aaaaaa;stroke-width:1.79999995;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 50.158256,35.219749 4.948169,4.94817 4.948168,-4.94817"
id="path3351"
inkscape:connector-curvature="0" />
</g>
</svg>
......@@ -81,12 +81,14 @@ label {
.input_style {
@extend .input_text_style;
background-color: lighten($control-color, 12.5%);
background-color: lighten($control-background-color, $control-background-color-lighten-1);
background: linear-gradient(
$control-color 0%,
lighten($control-color, 12.5%) 0.25em,
lighten($control-color, 30%) 100%
$control-background-color 0%,
lighten($control-background-color, $control-background-color-lighten-1) 0.25em,
lighten($control-background-color, $control-background-color-lighten-2) 100%
);
box-shadow: 0 1px $control-shadow-color;
width: $control-width;
......@@ -99,6 +101,12 @@ label {
.input_style:focus {
border-color: $button-suggested-color;
border-width: 2px;
}
.input_style:-moz-ui-invalid {
color: $control-invalid-color;
border-color: $control-invalid-color;
}
input, textarea {
......
@import "_style_defaults.scss";
$text-color: #EEEEEE;
$article-color: rgb(61, 65, 65);
$article-border-color: rgba(45,45,45,0.9);
$article-radius-top: 4px;
$article-radius-bottom: 4px;
$button-color: rgb(40, 40, 40);
$select-focus-color: rgb(60, 60, 60);
$header-color: $article-color;
$header-border-color: rgb(45,45,45);
$control-background-color: rgb(48, 48, 48);
$control-background-color-lighten-1: 1%;
$control-background-color-lighten-2: 2.5%;
$control-border-color: rgb(42, 44, 46);
$control-shadow-color: rgb(83, 86, 87);
$select-button-image: "select_dark.svg";
$list-background-color: rgb(54, 54, 54);
\ No newline at end of file
......@@ -29,6 +29,7 @@ $button-color: rgb(224, 224, 224);
$button-suggested-color: rgb(54, 131, 213);
$button-suggested-border-color: rgb(28, 81, 135);
$button-suggested-text-color: white;
$button-delete-color: rgb(195, 15, 15);
$button-delete-border-color: rgb(143, 0, 0);
......@@ -40,7 +41,12 @@ $article-radius-top: 0.5em;
$article-radius-bottom: 0;
$control-color: rgb(217,217,217);
$control-background-color: rgb(217,217,217);
$control-background-color-lighten-1: 12.5%;
$control-background-color-lighten-2: 30%;
$control-shadow-color: white;
$control-invalid-color: rgb(204, 0, 0);
$control-border-color: rgb(161,161,161);
$control-height: 2.4em;
......@@ -49,6 +55,8 @@ $switch-color-notchecked: rgb(206,206,206);
$select-focus-color: rgb(255, 255, 255);
$select-button-image: "select.svg";
$header-color: $article-color;
$header-border-color: rgb(217,217,217);
......@@ -58,3 +66,4 @@ $sidebar-hover-color: #F4F4F4;
$outer-color: #333;
$list-entry-height: 3.5em;
$list-background-color: white;
\ No newline at end of file
......@@ -64,7 +64,7 @@ button:disabled {
button.suggested {
border-color: $button-suggested-border-color;
@include button-background($button-suggested-color);
color: white;
color: $button-suggested-text-color;
text-shadow: 1px 1px rgb(50,50,50);
}
......
......@@ -49,7 +49,7 @@ span.checkbox:hover::before {
}
input:checked + p span.checkbox::before {
color: white;
color: $button-suggested-text-color;
text-shadow: 1px 1px $button-suggested-border-color;
@include button-background($button-suggested-color);
border-color: $button-suggested-border-color;
......
......@@ -23,7 +23,7 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
margin: 1em;
border: 1px $control-border-color solid;
padding: 0;
background-color: white;
background-color: $list-background-color;
}
ul.listbox {
......@@ -86,7 +86,7 @@ ul.listbox li:last-child {
}
.listbox_link:hover, .listbox_link:focus {
background-color: lighten($button-color, 7.5%);
background-color: darken($list-background-color, 9%);
}
.listbox .selected {
......
......@@ -37,7 +37,7 @@ select {
width: calc(100% + 2.7em);
padding-right: 3.5em;
background-image: url("select.svg");
background-image: url($select-button-image);
background-size: contain;
background-repeat: no-repeat;
background-position: right 3.3em top 0;
......
@charset "UTF-8";
@import "_style_default_dark.scss";
@import "_style_load.scss";
<?php
/*
* Copyright (C) 2015 Michael Herold <quabla@hemio.de>
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
namespace hemio\edentata\tests;
use hemio\html;
use hemio\form;
require_once 'tests/Helpers.php';
class FirstTest extends \Helpers
{
public function test1()
{
$this->assertEquals('', '');
}
public function test2()
{
$doc = new html\Document(new html\Str('Test'));
$doc->getHtml()->getHead()->addCssFile('style.css');
$form = new form\FormPost('test');
$doc->getHtml()->getBody()->addChild($form);
$window = new \hemio\edentata\gui\Window('Abc', 'Subtitle');
$form->addChild($window);
$window->addButtonRight(new form\FieldSubmit('submit', _('Submit')));
$selectbox = new \hemio\edentata\gui\Selectbox();
$window->addChild($selectbox);
$options = new form\Container();
$options[] = new form\FieldSubmit('submit', _('Submit'));
$selectbox->setOptions($options);
for ($i = 1; $i < 20; $i++) {
$selectbox->addItem('test'.$i, sprintf('Test Nr. %d', $i));
}
$listbox = new \hemio\edentata\gui\Listbox();
$window->addChild($listbox);
for ($i = 1; $i < 20; $i++) {
$str = new html\Str(sprintf(_('Test Nr. %d'), $i));
$a = new html\A();
$a[] = $str;
$listbox->addLine($a);
}
$this->_assertEqualsXmlFile($doc, 'selectbox.html');
}
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment