Vaadin8/workspace_01/single_module_application/src/main/webapp/VAADIN/themes/mytheme/mytheme.scss

   1 // If you edit this file you need to compile the theme. See README.md for details.\r
   2 \r
   3 // Global variable overrides. Must be declared before importing Valo.\r
   4 \r
   5 // Defines the plaintext font size, weight and family. Font size affects general component sizing.\r
   6 //$v-font-size: 16px;\r
   7 //$v-font-weight: 300;\r
   8 //$v-font-family: "Open Sans", sans-serif;\r
   9 \r
  10 // Defines the border used by all components.\r
  11 //$v-border: 1px solid (v-shade 0.7);\r
  12 //$v-border-radius: 4px;\r
  13 \r
  14 // Affects the color of some component elements, e.g Button, Panel title, etc\r
  15 //$v-background-color: hsl(210, 0%, 98%);\r
  16 // Affects the color of content areas, e.g  Panel and Window content, TextField input etc\r
  17 //$v-app-background-color: $v-background-color;\r
  18 \r
  19 // Affects the visual appearance of all components\r
  20 //$v-gradient: v-linear 8%;\r
  21 //$v-bevel-depth: 30%;\r
  22 //$v-shadow-opacity: 5%;\r
  23 \r
  24 // Defines colors for indicating status (focus, success, failure)\r
  25 //$v-focus-color: valo-focus-color(); // Calculates a suitable color automatically\r
  26 //$v-friendly-color: #2c9720;\r
  27 //$v-error-indicator-color: #ed473b;\r
  28 \r
  29 // For more information, see: https://vaadin.com/book/-/page/themes.valo.html\r
  30 // Example variants can be copy/pasted from https://vaadin.com/docs/v8/framework/articles/ValoExamples.html\r
  31 \r
  32 @import "../valo/valo.scss";\r
  33 \r
  34 @mixin mytheme {\r
  35   @include valo;\r
  36 \r
  37   // Insert your own theme rules here\r
  38 }\r