From: Marcel Werk Date: Tue, 23 Oct 2012 16:23:16 +0000 (+0200) Subject: Basic style update X-Git-Tag: 2.0.0_Beta_1~841^2~1 X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=90a67f4ff1ba55dd23d993442c1386e2e45f38d5;p=GitHub%2FWoltLab%2FWCF.git Basic style update --- diff --git a/wcfsetup/install/files/icon/errorRed.svg b/wcfsetup/install/files/icon/errorRed.svg new file mode 100644 index 0000000000..ac97b9fbc1 --- /dev/null +++ b/wcfsetup/install/files/icon/errorRed.svg @@ -0,0 +1,61 @@ + + + + + Error + Error Icon + + + + + + + + + + + + diff --git a/wcfsetup/install/files/icon/infoBlue.svg b/wcfsetup/install/files/icon/infoBlue.svg new file mode 100644 index 0000000000..6115254a68 --- /dev/null +++ b/wcfsetup/install/files/icon/infoBlue.svg @@ -0,0 +1,49 @@ + + + + + Info + Info Icon + + + + + + + + + + + + diff --git a/wcfsetup/install/files/icon/successGreen.svg b/wcfsetup/install/files/icon/successGreen.svg new file mode 100644 index 0000000000..d857e2e682 --- /dev/null +++ b/wcfsetup/install/files/icon/successGreen.svg @@ -0,0 +1,35 @@ + + + + + Success + Success Icon + + + + + + + + + + + + diff --git a/wcfsetup/install/files/icon/warningYellow.svg b/wcfsetup/install/files/icon/warningYellow.svg new file mode 100644 index 0000000000..d550cef173 --- /dev/null +++ b/wcfsetup/install/files/icon/warningYellow.svg @@ -0,0 +1,42 @@ + + + + + + Warning + Warning Icon + + + + + + + + + + + + diff --git a/wcfsetup/install/files/style/alert.less b/wcfsetup/install/files/style/alert.less index e2f0459313..d294942588 100644 --- a/wcfsetup/install/files/style/alert.less +++ b/wcfsetup/install/files/style/alert.less @@ -1,18 +1,17 @@ -/* todo: ############## System Notifications (Inline) ############## */ - +/* ### system notifications ### */ /* default values */ .info, .error, .success, .warning { - font-weight: bold; + border-width: 1px; + border-style: solid; line-height: 1.5; margin-top: @wcfGapMedium; padding: @wcfGapSmall @wcfGapMedium @wcfGapSmall 50px; position: relative; - .borderRadius(); - .boxShadowNative(~"0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2)"); + .borderRadius(7px); &:after { background-repeat: no-repeat, repeat; @@ -33,90 +32,92 @@ /* types */ .info { + background-color: @wcfInfoBackgroundColor; + border-color: @wcfInfoBorderColor; color: @wcfInfoColor; - .linearGradient(@wcfInfoBackgroundColor2, @wcfInfoBackgroundColor, @wcfInfoBackgroundColor2); - .textShadow(@wcfInfoBackgroundColor2); + .textShadow(@wcfInfoBackgroundColor); &:after { - background-image: url('../icon/infoInverse.svg'); + background-image: url('../icon/infoBlue.svg'); } - > a { + > a, > a:hover { color: @wcfInfoColor; } } .success { + background-color: @wcfSuccessBackgroundColor; + border-color: @wcfSuccessBorderColor; color: @wcfSuccessColor; - .linearGradient(@wcfSuccessBackgroundColor2, @wcfSuccessBackgroundColor, @wcfSuccessBackgroundColor2); - .textShadow(@wcfSuccessBackgroundColor2); + .textShadow(@wcfSuccessBackgroundColor); &:after { - background-image: url('../icon/successInverse.svg'); + background-image: url('../icon/successGreen.svg'); } - > a { - color: @wcfInfoColor; + > a, > a:hover { + color: @wcfSuccessColor; } } .warning { + background-color: @wcfWarningBackgroundColor; + border-color: @wcfWarningBorderColor; color: @wcfWarningColor; - .linearGradient(@wcfWarningBackgroundColor2, @wcfWarningBackgroundColor, @wcfWarningBackgroundColor2); .textShadow(@wcfWarningBackgroundColor); &:after { - background-image: url('../icon/warningInverse.svg'); + background-image: url('../icon/warningYellow.svg'); } - > a { - color: @wcfInfoColor; + > a, > a:hover { + color: @wcfWarningColor; } } .error { + background-color: @wcfErrorBackgroundColor; + border-color: @wcfErrorBorderColor; color: @wcfErrorColor; - .linearGradient(@wcfErrorBackgroundColor2, @wcfErrorBackgroundColor, @wcfErrorBackgroundColor2); - .textShadow(@wcfErrorBackgroundColor2); + .textShadow(@wcfErrorBackgroundColor); &:after { - background-image: url('../icon/errorInverse.svg'); + background-image: url('../icon/errorRed.svg'); } - > a { - color: @wcfInfoColor; + > a, > a:hover { + color: @wcfErrorColor; } } /* inline errors */ .innerError { - //clear: both; - color: @wcfErrorColor !important; - display: table !important; + background-color: @wcfErrorBackgroundColor; + border: 1px solid @wcfErrorBorderColor; + color: @wcfErrorColor; + display: table; line-height: 1.5; margin-top: 7px; padding: 2px 10px; position: relative; /* Firefox support (from version 10 on) is buggy */ - .borderRadius(); - .boxShadowNative(~"0 1px 2px rgba(0, 0, 0, .5), inset 0 0 1px rgba(0, 0, 0, .2)"); - .linearGradient(@wcfErrorBackgroundColor2, @wcfErrorBackgroundColor, @wcfErrorBackgroundColor2); - .textShadow(@wcfErrorBackgroundColor2); + .borderRadius(7px); /* pointer */ &:after { border: 7px solid transparent; - border-bottom-color: @wcfErrorBackgroundColor; + border-bottom-color: @wcfErrorBorderColor; border-top-width: 0; content: ""; display: inline-block; left: 9px; position: absolute; - top: -6px; + top: -7px; z-index: 100; } diff --git a/wcfsetup/install/files/style/bootstrap/mixin.less b/wcfsetup/install/files/style/bootstrap/mixin.less index bd79c77dd4..3a20f2eda9 100644 --- a/wcfsetup/install/files/style/bootstrap/mixin.less +++ b/wcfsetup/install/files/style/bootstrap/mixin.less @@ -23,10 +23,10 @@ // sets default text shadows depending on background color .textShadow(@backgroundColor) when (lightness(@backgroundColor) >= 40%) { - text-shadow: 0 1px 0 rgba(255, 255, 255, .5); + text-shadow: 0 1px 0 rgba(255, 255, 255, .8); } .textShadow(@backgroundColor) when (lightness(@backgroundColor) < 60%) { - text-shadow: 0 -1px 0 rgba(0, 0, 0, .5); + text-shadow: 0 -1px 0 rgba(0, 0, 0, .8); } /* CSS 3 */ diff --git a/wcfsetup/install/files/style/button.less b/wcfsetup/install/files/style/button.less index a7617664a9..cb293048ff 100644 --- a/wcfsetup/install/files/style/button.less +++ b/wcfsetup/install/files/style/button.less @@ -29,7 +29,6 @@ button:not([disabled]) { } /* primary */ -/* todo */ .button.buttonPrimary, input[type='submit']:not([disabled]), input[type='button']:not([disabled]).buttonPrimary, @@ -68,54 +67,35 @@ button:not([disabled]).buttonPrimary:hover { .textShadow(@wcfButtonPrimaryHoverBackgroundColor); } -/* active (pressed) */ -/* todo */ -.button:active, -input[type='reset']:not([disabled]):active, -input[type='submit']:not([disabled]):active, -input[type='button']:not([disabled]):active, -button:not([disabled]):active, -.dropdownOpen .dropdownToggle.button { - border-color: darken(@wcfButtonHoverBorderColor, 7%) @wcfButtonHoverBorderColor lighten(@wcfButtonHoverBorderColor, 7%); - color: @wcfButtonHoverColor; - - .boxShadowNative(~"0 1px 3px rgba(0, 0, 0, .3), inset 0 0 10px rgba(239, 239, 239, 1)"); - .linearGradient(lighten(@wcfButtonHoverBackgroundColor, 5%), lighten(@wcfButtonHoverBackgroundColor, 10%), lighten(@wcfButtonHoverBackgroundColor, 5%) 2px, @wcfButtonHoverBackgroundColor, bottom); - .textShadow(@wcfButtonHoverBackgroundColor); -} - /* disabled state */ -/* todo */ input[type='reset']:disabled, input[type='submit']:disabled, input[type='button']:disabled, button:disabled { - border-color: darken(@wcfButtonBorderColor, 7%) @wcfButtonBorderColor lighten(@wcfButtonBorderColor, 7%); + background-color: @wcfButtonBackgroundColor; + border-color: @wcfButtonBorderColor; + color: lighten(@wcfButtonColor, 10%); cursor: not-allowed; - color: @wcfButtonColor; + text-decoration: none; - .boxShadow(0, 1px, rgba(0, 0, 0, .1), 3px); - .linearGradient(lighten(@wcfButtonBackgroundColor, 5%), lighten(@wcfButtonBackgroundColor, 10%), lighten(@wcfButtonBackgroundColor, 5%) 2px, @wcfButtonBackgroundColor, bottom); .textShadow(@wcfButtonBackgroundColor); } /* active (permanently) */ -/* todo */ .button.active, input[type='button'].active, button.active, .button.active:hover, input[type='button'].active:hover, button.active:hover { + background-color: @wcfButtonColor; border-color: darken(@wcfButtonColor, 5%); - color: lighten(@wcfButtonBackgroundColor, 5%); + color: @wcfButtonBackgroundColor; - .boxShadow(0, 1px, rgba(0, 0, 0, .1), 3px); - .linearGradient(@wcfButtonColor, darken(@wcfButtonColor, 10%), @wcfButtonColor 3px); - .textShadow(darken(@wcfButtonColor, 10%)); + .boxShadowInset(0, 1px, rgba(0, 0, 0, .1), 1px); + .textShadow(@wcfButtonColor); } - /* button list */ .buttonList { > li { diff --git a/wcfsetup/install/files/style/form.less b/wcfsetup/install/files/style/form.less index 2e123e6efe..8149bd8c9b 100644 --- a/wcfsetup/install/files/style/form.less +++ b/wcfsetup/install/files/style/form.less @@ -66,7 +66,7 @@ dl:not(.plain) { > dd { margin-left: 250px; - > small { + > small:not(.innerError) { color: @wcfDimmedColor; display: block; margin-top: 2px; @@ -181,10 +181,6 @@ select { margin: 0; } -select[multiple] { - font-family: 'Courier New', Courier, monospace; -} - /* normal state */ input[type='text'], input[type='search'], @@ -243,9 +239,6 @@ select[multiple]:focus { background-color: @wcfInputHoverBackgroundColor; border-color: @wcfInputHoverBorderColor; outline: 0; - - /*todo*/ - //.boxShadowNative(~"0 0 5px" fade(@wcfInputHoverBorderColor, 50%) ~", inset 0 1px 5px rgba(0, 0, 0, .1)"); } /* read only state */ @@ -260,7 +253,7 @@ input[type='url'][readonly], input[type='password'][readonly], textarea[readonly], select[multiple][readonly] { - background-color: transparent; + background-color: darken(@wcfInputBackgroundColor, 5%); border-color: @wcfInputBorderColor; } @@ -276,13 +269,13 @@ input[type='url'][disabled], input[type='password'][disabled], textarea[disabled], select[multiple][disabled] { - background-color: transparent; + background-color: darken(@wcfInputBackgroundColor, 5%); border-color: @wcfInputBorderColor; color: @wcfDimmedColor; + cursor: not-allowed; } /* success state */ -/* todo */ .formSuccess { input[type='text'], input[type='search'], @@ -291,24 +284,12 @@ select[multiple][disabled] { input[type='url'], input[type='password'], textarea { - border-color: @wcfSuccessBackgroundColor; - } -} - -input:required, -input[pattern], -textarea:required, -textarea[pattern], -input[type='url'], -input[type='email'] { - &:valid { - background-color: rgba(232, 248, 218, 1); - border-color: @wcfSuccessBackgroundColor; + background-color: @wcfSuccessBackgroundColor; + border-color: @wcfSuccessBorderColor; } } /* error state */ -/* todo */ .formError { input[type='text'], input[type='search'], @@ -317,7 +298,8 @@ input[type='email'] { input[type='url'], input[type='password'], textarea { - border-color: @wcfErrorBackgroundColor; + background-color: @wcfErrorBackgroundColor; + border-color: @wcfErrorBorderColor } } @@ -328,18 +310,6 @@ input, textarea { } } -input:required, -input[pattern], -textarea:required, -textarea[pattern], -input[type='url'], -input[type='email'] { - &:invalid { - background-color: rgba(247, 217, 214, 1); - border-color: @wcfErrorBackgroundColor; - } -} - /* width */ textarea { width: 99%; diff --git a/wcfsetup/install/files/style/global.less b/wcfsetup/install/files/style/global.less index cc553e79bc..74c7285a63 100644 --- a/wcfsetup/install/files/style/global.less +++ b/wcfsetup/install/files/style/global.less @@ -30,6 +30,13 @@ a { } } +/* todo */ +::selection { + text-shadow: 0 1px 0 rgba(255, 255, 255, .5) !important; + color: #300; + background-color: rgba(255, 170, 34, .7); +} + .invisible { display: none; } @@ -145,19 +152,11 @@ a { } /* ### badges ### */ -// sets default badge shadows depending on background color -.badgeShadow(@backgroundColor) when (lightness(@backgroundColor) >= 50%) { - box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, .8); -} -.badgeShadow(@backgroundColor) when (lightness(@backgroundColor) < 50%) { - box-shadow: 0px 0px 1px 0px rgba(255, 255, 255, .8); -} - /* default values */ .badge { - background-color: @wcfContentBackgroundColor; + background-color: @wcfColor; border-radius: 13px; - color: @wcfColor; + color: @wcfContentBackgroundColor; display: inline-block; font-size: @wcfSmallFontSize; font-weight: normal !important; @@ -166,8 +165,6 @@ a { text-shadow: none !important; white-space: nowrap; - .badgeShadow(@wcfContentBackgroundColor); - /* colors */ &.badgeUpdate { background-color: @wcfTabularBoxBackgroundColor; @@ -175,20 +172,18 @@ a { } &.badgeGreen { - background-color: @wcfSuccessBackgroundColor; - color: @wcfSuccessColor; + background-color: @wcfSuccessColor; + color: @wcfSuccessBackgroundColor; } &.badgeRed { - background-color: @wcfErrorBackgroundColor; - color: @wcfErrorColor; + background-color: @wcfErrorColor; + color: @wcfErrorBackgroundColor; } &.badgeInverse { background-color: @wcfTabularBoxColor; color: @wcfTabularBoxBackgroundColor; - - .badgeShadow(@wcfTabularBoxBackgroundColor); } } diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less index a6086e5495..6466e535b3 100644 --- a/wcfsetup/install/files/style/layout.less +++ b/wcfsetup/install/files/style/layout.less @@ -947,13 +947,7 @@ ul.dataList { } &.active, &.active:hover { - border: 1px solid darken(@wcfButtonColor, 5%); - color: lighten(@wcfButtonBackgroundColor, 5%); padding: 2px 0; - - /* todo */ - .linearGradient(@wcfButtonColor, darken(@wcfButtonColor, 10%), @wcfButtonColor 3px); - .textShadow(#000); } img { diff --git a/wcfsetup/setup/db/install.sql b/wcfsetup/setup/db/install.sql index 4ff969833a..df9eb58cb4 100644 --- a/wcfsetup/setup/db/install.sql +++ b/wcfsetup/setup/db/install.sql @@ -956,15 +956,15 @@ INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfUserPan INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonBackgroundColor', 'rgba(249, 249, 249, 1)'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonBorderColor', 'rgba(221, 221, 221, 1)'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonColor', 'rgba(102, 102, 102, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryBackgroundColor', 'rgba(244, 244, 244, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryBorderColor', 'rgba(221, 221, 221, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryBackgroundColor', 'rgba(211, 232, 254, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryBorderColor', 'rgba(136, 194, 255, 1)'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryColor', 'rgba(102, 153, 204, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryHoverBackgroundColor', 'rgba(211, 232, 254, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryHoverBorderColor', 'rgba(136, 194, 255, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryHoverColor', 'rgba(102, 153, 204, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonHoverBackgroundColor', 'rgba(244, 244, 244, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonHoverBorderColor', 'rgba(221, 221, 221, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonHoverColor', 'rgba(63, 127, 191, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryHoverBackgroundColor', 'darken(@wcfButtonPrimaryBackgroundColor, 3%)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryHoverBorderColor', 'darken(@wcfButtonPrimaryBorderColor, 10%)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonPrimaryHoverColor', '@wcfButtonPrimaryColor'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonHoverBackgroundColor', 'darken(@wcfButtonBackgroundColor, 3%)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonHoverBorderColor', 'darken(@wcfButtonBorderColor, 10%)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfButtonHoverColor', '@wcfButtonColor'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputBackgroundColor', 'rgba(255, 255, 255, 1)'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputColor', 'rgba(102, 102, 102, 1)'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputBorderColor', 'rgba(204, 204, 204, 1)'); @@ -979,7 +979,7 @@ INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfPageCol INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfPageLinkColor', 'rgba(63, 127, 191, 1)'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfPageLinkHoverColor', 'rgba(15, 79, 143, 1)'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfSidebarBackgroundColor', 'rgba(244, 244, 244, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfDimmedColor', 'rgba(102, 102, 102, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfDimmedColor', 'rgba(136, 136, 136, 1)'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfLabelColor', 'rgba(102, 102, 102, 1)'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfHeadlineColor', 'rgba(102, 102, 102, 1)'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfHeadlineFontFamily', '"Trebuchet MS", Arial, sans-serif'); @@ -992,18 +992,18 @@ INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfHeadlin INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfSubHeadlineFontSize', '140%'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfTitleFontSize', '120%'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfSmallFontSize', '85%'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfWarningColor', 'rgba(166, 120, 0, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfWarningBackgroundColor', 'rgba(255, 235, 183, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfWarningBackgroundColor2', 'rgba(225, 177, 46, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfErrorColor', 'rgba(255, 255, 255, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfErrorBackgroundColor', 'rgba(252, 131, 118, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfErrorBackgroundColor2', 'rgba(201, 76, 67, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfSuccessColor', 'rgba(255, 255, 255, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfSuccessBackgroundColor', 'rgba(155, 221, 95, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfSuccessBackgroundColor2', 'rgba(61, 149, 0, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInfoColor', 'rgba(255, 255, 255, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInfoBackgroundColor', 'rgba(76, 161, 252, 1)'); -INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInfoBackgroundColor2', 'rgba(14, 80, 170, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfWarningColor', 'rgba(153, 153, 0, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfWarningBackgroundColor', 'rgba(255, 255, 221, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfWarningBorderColor', 'rgba(204, 204, 0, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfErrorColor', 'rgba(204, 0, 0, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfErrorBackgroundColor', 'rgba(255, 238, 238, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfErrorBorderColor', 'rgba(255, 153, 153, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfSuccessColor', 'rgba(0, 153, 0, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfSuccessBackgroundColor', 'rgba(238, 255, 238, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfSuccessBorderColor', 'rgba(0, 204, 0, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInfoColor', 'rgba(102, 136, 187, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInfoBackgroundColor', 'rgba(221, 238, 255, 1)'); +INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInfoBorderColor', 'rgba(153, 187, 238, 1)'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfTooltipBackgroundColor', 'rgba(0, 0, 0, .8)'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfTooltipColor', 'rgba(255, 255, 255, 1)'); INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfGapTiny', '4px');