Added sample styles -WIP-

Note those styles are still under development... they will change...

src/raygui.h

@@ -3952,12 +3952,8 @@ RAYGUIDEF void GuiLoadStyle(const char *fileName)
 
                         Font font = LoadFontEx(FormatText("%s/%s", GetDirectoryPath(fileName), fontFileName), fontSize, NULL, 0);
                         
-                        if ((font.texture.id > 0) && (font.charsCount > 0))
-                        {
-                            GuiFont(font);
-                            GuiSetStyle(DEFAULT, TEXT_SIZE, fontSize);
-                            GuiSetStyle(DEFAULT, TEXT_SPACING, fontSpacing);
-                        }
+                        if ((font.texture.id > 0) && (font.charsCount > 0)) GuiFont(font);
+
                     } break;
                     default: break;
                 }

styles/README.md

@@ -0,0 +1,3 @@
+## raygui styles
+
+...

styles/ashes/README.txt

@@ -0,0 +1,9 @@
+About style: ashes
+-------------------
+A gray light style, remember to ashes.
+
+About font
+-----------
+"Pixel Square" font by Joakin (http://aka-kinz.blogspot.com/).
+
+100% free font, downloaded from dafont.com (https://www.dafont.com/pixel-square.font))

styles/ashes/ashes.rgs

@@ -0,0 +1,26 @@
+#
+# rgs style text file (v3.0) - raygui style file generated using rGuiStyler
+#
+# Style properties:
+#   f <gen_font_size> <charmap_file> <font_file>
+#   p <control_id> <property_id> <property_value> <property_name>
+#
+# STYLE: ashes
+#
+f 9 0 Pixel Square 10.ttf
+p 00 00 0xf0f0f0ff    DEFAULT_BORDER_COLOR_NORMAL
+p 00 01 0x868686ff    DEFAULT_BASE_COLOR_NORMAL
+p 00 02 0xe6e6e6ff    DEFAULT_TEXT_COLOR_NORMAL
+p 00 03 0x929999ff    DEFAULT_BORDER_COLOR_FOCUSED
+p 00 04 0xeaeaeaff    DEFAULT_BASE_COLOR_FOCUSED
+p 00 05 0x98a1a8ff    DEFAULT_TEXT_COLOR_FOCUSED
+p 00 06 0x3f3f3fff    DEFAULT_BORDER_COLOR_PRESSED
+p 00 07 0xf6f6f6ff    DEFAULT_BASE_COLOR_PRESSED
+p 00 08 0x414141ff    DEFAULT_TEXT_COLOR_PRESSED
+p 00 09 0x8b8b8bff    DEFAULT_BORDER_COLOR_DISABLED
+p 00 10 0x777777ff    DEFAULT_BASE_COLOR_DISABLED
+p 00 11 0x959595ff    DEFAULT_TEXT_COLOR_DISABLED
+p 00 16 0x00000009    TEXT_SIZE
+p 00 17 0x00000000    TEXT_SPACING
+p 00 18 0x9dadb1ff    DEFAULT_LINE_COLOR
+p 00 19 0x6b6b6bff    DEFAULT_BACKGROUND_COLOR

styles/bluish/bluish.rgs

@@ -0,0 +1,22 @@
+#
+# rgs style text file (v3.0) - raygui style file generated using rGuiStyler
+#
+# Info:  p <controlId> <propertyId> <propertyValue>  // Property description
+#
+# STYLE: bluish
+#
+f 10 1 fonts/homespun.ttf
+p 00 00 0x5ca6a6ff    // DEFAULT_BORDER_COLOR_NORMAL
+p 00 01 0xb4e8f3ff    // DEFAULT_BASE_COLOR_NORMAL
+p 00 02 0x447e77ff    // DEFAULT_TEXT_COLOR_NORMAL
+p 00 03 0x5f8792ff    // DEFAULT_BORDER_COLOR_FOCUSED
+p 00 04 0xcdeff7ff    // DEFAULT_BASE_COLOR_FOCUSED
+p 00 05 0x4c6c74ff    // DEFAULT_TEXT_COLOR_FOCUSED
+p 00 06 0x3b5b5fff    // DEFAULT_BORDER_COLOR_PRESSED
+p 00 07 0xeaffffff    // DEFAULT_BASE_COLOR_PRESSED
+p 00 08 0x275057ff    // DEFAULT_TEXT_COLOR_PRESSED
+p 00 09 0x96aaacff    // DEFAULT_BORDER_COLOR_DISABLED
+p 00 10 0xc8d7d9ff    // DEFAULT_BASE_COLOR_DISABLED
+p 00 11 0x8c9c9eff    // DEFAULT_TEXT_COLOR_DISABLED
+p 00 18 0x84adb7ff    // DEFAULT_LINE_COLOR
+p 00 19 0xe8eef1ff    // DEFAULT_BACKGROUND_COLOR

styles/candy/candy.rgs

@@ -0,0 +1,22 @@
+#
+# rgs style text file (v3.0) - raygui style file generated using rGuiStyler
+#
+# Info:  p <controlId> <propertyId> <propertyValue>  // Property description
+#
+# STYLE: candy
+#
+f 12 1 fonts/PixAntiqua.ttf
+p 00 00 0xe58b68ff    // DEFAULT_BORDER_COLOR_NORMAL
+p 00 01 0xfeda96ff    // DEFAULT_BASE_COLOR_NORMAL
+p 00 02 0xe59b5fff    // DEFAULT_TEXT_COLOR_NORMAL
+p 00 03 0xee813fff    // DEFAULT_BORDER_COLOR_FOCUSED
+p 00 04 0xfcd85bff    // DEFAULT_BASE_COLOR_FOCUSED
+p 00 05 0xf49641ff    // DEFAULT_TEXT_COLOR_FOCUSED
+p 00 06 0xb34848ff    // DEFAULT_BORDER_COLOR_PRESSED
+p 00 07 0xeb7272ff    // DEFAULT_BASE_COLOR_PRESSED
+p 00 08 0xbd4a4aff    // DEFAULT_TEXT_COLOR_PRESSED
+p 00 09 0x94795dff    // DEFAULT_BORDER_COLOR_DISABLED
+p 00 10 0xc2a37aff    // DEFAULT_BASE_COLOR_DISABLED
+p 00 11 0x9c8369ff    // DEFAULT_TEXT_COLOR_DISABLED
+p 00 18 0xd77575ff    // DEFAULT_LINE_COLOR
+p 00 19 0xfff5e1ff    // DEFAULT_BACKGROUND_COLOR

styles/cherry/cherry.rgs

@@ -0,0 +1,22 @@
+#
+# rgs style text file (v3.0) - raygui style file generated using rGuiStyler
+#
+# Info:  p <controlId> <propertyId> <propertyValue>  // Property description
+#
+# STYLE: cherry
+#
+f 9 0 fonts/Pixel Square Bold10.ttf
+p 00 00 0xda5757ff    // DEFAULT_BORDER_COLOR_NORMAL
+p 00 01 0x753233ff    // DEFAULT_BASE_COLOR_NORMAL
+p 00 02 0xe17373ff    // DEFAULT_TEXT_COLOR_NORMAL
+p 00 03 0xfaaa97ff    // DEFAULT_BORDER_COLOR_FOCUSED
+p 00 04 0xe06262ff    // DEFAULT_BASE_COLOR_FOCUSED
+p 00 05 0xfdb4aaff    // DEFAULT_TEXT_COLOR_FOCUSED
+p 00 06 0xe03c46ff    // DEFAULT_BORDER_COLOR_PRESSED
+p 00 07 0x5b1e20ff    // DEFAULT_BASE_COLOR_PRESSED
+p 00 08 0xc2474fff    // DEFAULT_TEXT_COLOR_PRESSED
+p 00 09 0xa19292ff    // DEFAULT_BORDER_COLOR_DISABLED
+p 00 10 0x706060ff    // DEFAULT_BASE_COLOR_DISABLED
+p 00 11 0x9e8585ff    // DEFAULT_TEXT_COLOR_DISABLED
+p 00 18 0xfb8170ff    // DEFAULT_LINE_COLOR
+p 00 19 0x3a1720ff    // DEFAULT_BACKGROUND_COLOR

styles/cyber/cyber.rgs

@@ -0,0 +1,22 @@
+#
+# rgs style text file (v3.0) - raygui style file generated using rGuiStyler
+#
+# Info:  p <controlId> <propertyId> <propertyValue>  // Property description
+#
+# STYLE: cyber
+#
+f 14 0 fonts/Kyrou 7 Wide.ttf
+p 00 00 0x2f7486ff    // DEFAULT_BORDER_COLOR_NORMAL
+p 00 01 0x024658ff    // DEFAULT_BASE_COLOR_NORMAL
+p 00 02 0x2489a2ff    // DEFAULT_TEXT_COLOR_NORMAL
+p 00 03 0x82cde0ff    // DEFAULT_BORDER_COLOR_FOCUSED
+p 00 04 0x3299b4ff    // DEFAULT_BASE_COLOR_FOCUSED
+p 00 05 0xb6e1eaff    // DEFAULT_TEXT_COLOR_FOCUSED
+p 00 06 0xeb7630ff    // DEFAULT_BORDER_COLOR_PRESSED
+p 00 07 0xffbc51ff    // DEFAULT_BASE_COLOR_PRESSED
+p 00 08 0xd86f36ff    // DEFAULT_TEXT_COLOR_PRESSED
+p 00 09 0x134b5aff    // DEFAULT_BORDER_COLOR_DISABLED
+p 00 10 0x02313dff    // DEFAULT_BASE_COLOR_DISABLED
+p 00 11 0x17505fff    // DEFAULT_TEXT_COLOR_DISABLED
+p 00 18 0x81c0d0ff    // DEFAULT_LINE_COLOR
+p 00 19 0x00222bff    // DEFAULT_BACKGROUND_COLOR

styles/green_dark/green_dark.rgs

@@ -0,0 +1,22 @@
+#
+# rgs style text file (v3.0) - raygui style file generated using rGuiStyler
+#
+# Info:  p <controlId> <propertyId> <propertyValue>  // Property description
+#
+# STYLE: green_dark
+#
+f 12 1 fonts/Pixel Intv.otf
+p 00 00 0x60827dff    // DEFAULT_BORDER_COLOR_NORMAL
+p 00 01 0x2c3334ff    // DEFAULT_BASE_COLOR_NORMAL
+p 00 02 0x82a29fff    // DEFAULT_TEXT_COLOR_NORMAL
+p 00 03 0x5f9aa8ff    // DEFAULT_BORDER_COLOR_FOCUSED
+p 00 04 0x334e57ff    // DEFAULT_BASE_COLOR_FOCUSED
+p 00 05 0x6aa9b8ff    // DEFAULT_TEXT_COLOR_FOCUSED
+p 00 06 0xa9cb8dff    // DEFAULT_BORDER_COLOR_PRESSED
+p 00 07 0x3b6357ff    // DEFAULT_BASE_COLOR_PRESSED
+p 00 08 0x97af81ff    // DEFAULT_TEXT_COLOR_PRESSED
+p 00 09 0x5b6462ff    // DEFAULT_BORDER_COLOR_DISABLED
+p 00 10 0x2c3334ff    // DEFAULT_BASE_COLOR_DISABLED
+p 00 11 0x666b69ff    // DEFAULT_TEXT_COLOR_DISABLED
+p 00 18 0x638465ff    // DEFAULT_LINE_COLOR
+p 00 19 0x2b3a3aff    // DEFAULT_BACKGROUND_COLOR

styles/iris/iris.rgs

@@ -0,0 +1,21 @@
+#
+# rgs style text file (v3.0) - raygui style file generated using rGuiStyler
+#
+# Info:  p <controlId> <propertyId> <propertyValue>  // Property description
+#
+# STYLE: iris
+#
+p 00 00 0xab9bd3ff    // DEFAULT_BORDER_COLOR_NORMAL
+p 00 01 0x3e4350ff    // DEFAULT_BASE_COLOR_NORMAL
+p 00 02 0xdadaf4ff    // DEFAULT_TEXT_COLOR_NORMAL
+p 00 03 0xee84a0ff    // DEFAULT_BORDER_COLOR_FOCUSED
+p 00 04 0xf4b7c7ff    // DEFAULT_BASE_COLOR_FOCUSED
+p 00 05 0xb7657bff    // DEFAULT_TEXT_COLOR_FOCUSED
+p 00 06 0xd5c8dbff    // DEFAULT_BORDER_COLOR_PRESSED
+p 00 07 0x966ec0ff    // DEFAULT_BASE_COLOR_PRESSED
+p 00 08 0xd7ccf7ff    // DEFAULT_TEXT_COLOR_PRESSED
+p 00 09 0x8fa2bdff    // DEFAULT_BORDER_COLOR_DISABLED
+p 00 10 0x6b798dff    // DEFAULT_BASE_COLOR_DISABLED
+p 00 11 0x8292a9ff    // DEFAULT_TEXT_COLOR_DISABLED
+p 00 18 0x84adb7ff    // DEFAULT_LINE_COLOR
+p 00 19 0x5b5b81ff    // DEFAULT_BACKGROUND_COLOR

styles/light_default/light_default.rgs

@@ -0,0 +1,62 @@
+#
+# rgs style text file (v3.0) - raygui style file generated using rGuiStyler
+#
+# Info:  p <controlId> <propertyId> <propertyValue>  // Property description
+#
+# STYLE: light (default)
+#
+p 00 00 0x838383ff    // DEFAULT_BORDER_COLOR_NORMAL
+p 00 01 0xc9c9c9ff    // DEFAULT_BASE_COLOR_NORMAL
+p 00 02 0x686868ff    // DEFAULT_TEXT_COLOR_NORMAL
+p 00 03 0x5bb2d9ff    // DEFAULT_BORDER_COLOR_FOCUSED
+p 00 04 0xc9effeff    // DEFAULT_BASE_COLOR_FOCUSED
+p 00 05 0x6c9bbcff    // DEFAULT_TEXT_COLOR_FOCUSED
+p 00 06 0x0492c7ff    // DEFAULT_BORDER_COLOR_PRESSED
+p 00 07 0x97e8ffff    // DEFAULT_BASE_COLOR_PRESSED
+p 00 08 0x368bafff    // DEFAULT_TEXT_COLOR_PRESSED
+p 00 09 0xb5c1c2ff    // DEFAULT_BORDER_COLOR_DISABLED
+p 00 10 0xe6e9e9ff    // DEFAULT_BASE_COLOR_DISABLED
+p 00 11 0xaeb7b8ff    // DEFAULT_TEXT_COLOR_DISABLED
+p 00 12 0x1           // DEFAULT_BORDER_WIDTH
+p 00 13 0x1           // DEFAULT_INNER_PADDING
+p 00 14 0x1           // DEFAULT_TEXT_ALIGNMENT
+p 00 15 0x0           // DEFAULT_RESERVED02
+p 00 16 0xa           // DEFAULT_TEXT_SIZE
+p 00 17 0x1           // DEFAULT_TEXT_SPACING
+p 00 18 0x90abb5ff    // DEFAULT_LINE_COLOR
+p 00 19 0xf5f5f5ff    // DEFAULT_BACKGROUND_COLOR
+p 01 14 0x0           // LABEL_TEXT_ALIGNMENT
+p 02 12 0x2           // BUTTON_BORDER_WIDTH
+p 02 13 0x4           // BUTTON_INNER_PADDING
+p 03 16 0x2           // TOGGLE_GROUP_PADDING
+p 04 16 0xf           // SLIDER_SLIDER_WIDTH
+p 04 17 0x5           // SLIDER_TEXT_PADDING
+p 06 16 0x5           // CHECKBOX_CHECK_TEXT_PADDING
+p 07 16 0x1e          // COMBOBOX_SELECTOR_WIDTH
+p 07 17 0x2           // COMBOBOX_SELECTOR_PADDING
+p 08 16 0x10          // DROPDOWNBOX_ARROW_RIGHT_PADDING
+p 09 13 0x4           // TEXTBOX_INNER_PADDING
+p 09 14 0x0           // TEXTBOX_TEXT_ALIGNMENT
+p 09 16 0x5           // TEXTBOX_MULTILINE_PADDING
+p 09 17 0xf0fffeff    // TEXTBOX_COLOR_SELECTED_FG
+p 09 18 0x839affe0    // TEXTBOX_COLOR_SELECTED_BG
+p 10 14 0x1           // VALUEBOX_TEXT_ALIGNMENT
+p 11 16 0x14          // SPINNER_SELECT_BUTTON_WIDTH
+p 11 17 0x2           // SPINNER_SELECT_BUTTON_PADDING
+p 11 18 0x1           // SPINNER_SELECT_BUTTON_BORDER_WIDTH
+p 14 12 0x0           // SCROLLBAR_BORDER_WIDTH
+p 14 00 0x0           // SCROLLBAR_SHOW_SPINNER_BUTTONS
+p 14 13 0x0           // SCROLLBAR_INNER_PADDING
+p 14 16 0x6           // SCROLLBAR_ARROWS_SIZE
+p 14 17 0x0           // SCROLLBAR_SLIDER_PADDING
+p 14 18 0x10          // SCROLLBAR_SLIDER_SIZE
+p 14 19 0xa           // SCROLLBAR_SCROLL_SPEED
+p 12 16 0x1e          // LISTVIEW_ELEMENTS_HEIGHT
+p 12 17 0x2           // LISTVIEW_ELEMENTS_PADDING
+p 12 18 0xa           // LISTVIEW_SCROLLBAR_WIDTH
+p 12 19 0x2           // LISTVIEW_SCROLLBAR_SIDE
+p 13 16 0x6           // COLORPICKER_COLOR_SELECTOR_SIZE
+p 13 17 0x14          // COLORPICKER_BAR_WIDTH
+p 13 18 0xa           // COLORPICKER_BAR_PADDING
+p 13 19 0x6           // COLORPICKER_BAR_SELECTOR_HEIGHT
+p 13 20 0x2           // COLORPICKER_BAR_SELECTOR_PADDING

styles/robert/robert.rgs

@@ -0,0 +1,22 @@
+#
+# rgs style text file (v3.0) - raygui style file generated using rGuiStyler
+#
+# Info:  p <controlId> <propertyId> <propertyValue>  // Property description
+#
+# STYLE: robert
+#
+f 15 0 fonts/v5easter.ttf
+p 00 00 0x1c8d00ff    // DEFAULT_BORDER_COLOR_NORMAL
+p 00 01 0x161313ff    // DEFAULT_BASE_COLOR_NORMAL
+p 00 02 0x38f620ff    // DEFAULT_TEXT_COLOR_NORMAL
+p 00 03 0xc3fbc6ff    // DEFAULT_BORDER_COLOR_FOCUSED
+p 00 04 0x43bf2eff    // DEFAULT_BASE_COLOR_FOCUSED
+p 00 05 0xdcfadcff    // DEFAULT_TEXT_COLOR_FOCUSED
+p 00 06 0x1f5b19ff    // DEFAULT_BORDER_COLOR_PRESSED
+p 00 07 0x43ff28ff    // DEFAULT_BASE_COLOR_PRESSED
+p 00 08 0x1e6f15ff    // DEFAULT_TEXT_COLOR_PRESSED
+p 00 09 0x223b22ff    // DEFAULT_BORDER_COLOR_DISABLED
+p 00 10 0x182c18ff    // DEFAULT_BASE_COLOR_DISABLED
+p 00 11 0x244125ff    // DEFAULT_TEXT_COLOR_DISABLED
+p 00 18 0xe6fce3ff    // DEFAULT_LINE_COLOR
+p 00 19 0x0c1505ff    // DEFAULT_BACKGROUND_COLOR