Adds dark css style

.gitignore

@@ -4,3 +4,4 @@ vendor/
 *.css
 *.css.map
 VERSION
+nbproject/private/

nbproject/project.properties

+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

nbproject/project.xml

@@ -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>

src/htdocs/static/design/select_dark.svg

+<?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>

src/scss/_pile.scss

@@ -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 {

src/scss/_style_default_dark.scss

+@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

src/scss/_style_defaults.scss

@@ -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

src/scss/gui/_button.scss

@@ -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);
 }
 

src/scss/gui/_checkbox.scss

@@ -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;

src/scss/gui/_listbox.scss

@@ -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 {

src/scss/gui/_select.scss

@@ -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;

src/scss/style_dark.scss

+@charset "UTF-8";
+
+@import "_style_default_dark.scss";
+@import "_style_load.scss";

tests/GuiAllTest.php

+<?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');
+    }
+}