Created
September 26, 2018 08:53
-
-
Save KharmaScribbles/7aff9e731f09b86febb8c03988fb7fee to your computer and use it in GitHub Desktop.
An example KiwiIRC theme to build off from.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Neither foe nor friend */ | |
| .kiwi-wrap { | |
| background: #fff; | |
| --kiwi-nick-brightness: 40; | |
| --kiwi-supports-monospace: 1; | |
| color: #201F1F; | |
| } | |
| /* Kiwi Theme Background is used to apply the same background colour accross components, rather than targeting them all specifically */ | |
| .kiwi-theme-bg { | |
| background-color: #fff; | |
| } | |
| /* Welcome Screen ( Welcome.vue ) */ | |
| .kiwi-welcome-simple-form, | |
| .kiwi-customserver-form{ | |
| background-color: #fff; | |
| border: 1px solid #ececec; | |
| } | |
| .kiwi-welcome-simple-error { | |
| border: 1px dashed #d86f6f; | |
| } | |
| .kiwi-welcome-simple-form .u-submit { | |
| background-color: #747c88; | |
| color: #fff; | |
| } | |
| .kiwi-welcome-simple .help { | |
| color: #666; | |
| } | |
| .kiwi-welcome-simple .help a { | |
| color: #666; | |
| } | |
| .kiwi-welcome-simple .help a:hover { | |
| color: #a9d87a; | |
| } | |
| .kiwi-startup-common-section-info { | |
| border-left: 5px solid #747c88; | |
| } | |
| /* Custom server layout */ | |
| .kiwi-customserver { | |
| background-color: #fbfbfb; | |
| } | |
| /* App ( App.vue ) */ | |
| .kiwi-workspace { | |
| background: #fff; | |
| } | |
| .kiwi-workspace::before { | |
| background: #414956; | |
| } | |
| .kiwi-workspace::after{ | |
| background-color: rgba(0, 0, 0, 0.4); | |
| } | |
| /* App - Tabs */ | |
| .u-tabbed-content { | |
| background-color: #fff; | |
| } | |
| .u-tabbed-view-tabs { | |
| background: #fff; | |
| border-bottom: 3px solid rgba(0, 0, 0, 0.1); | |
| } | |
| .u-tabbed-view-tabs .u-tabbed-view-tab { | |
| border-bottom: 3px solid rgba(0, 0, 0, 0.1); | |
| } | |
| .u-tabbed-view-tabs .u-tabbed-view-tab:hover, | |
| .u-tabbed-view-tabs .u-tabbed-view-tab.u-tabbed-view-tab--active{ | |
| border-bottom: 3px solid #747c88; | |
| } | |
| /*Style all inputs */ | |
| .input-text { | |
| background: #fff; | |
| } | |
| .input-text-label { | |
| color: gray; | |
| } | |
| .input-text--focus { | |
| border-color: #747c88; | |
| } | |
| .input-text-underline { | |
| border-color: #a9a9a9; | |
| } | |
| .input-text-underline-active { | |
| background: #747c88; | |
| } | |
| .u-form .u-input, | |
| .u-form textarea { | |
| border: 1px solid #ccc; | |
| border-bottom: 2px solid #747c88; | |
| line-height: normal; | |
| outline-color: #747c88; | |
| } | |
| .u-form label input[type='text'], | |
| .u-form label input[type='password'], | |
| .u-form label input[type='email'], | |
| .u-form textarea { | |
| border: 1px solid #747c88; | |
| } | |
| /* Checkbox Styling */ | |
| .u-form input[type='checkbox'], | |
| .u-form input[type='radio'] { | |
| border: 2px solid #000; | |
| background-color: #fff; | |
| } | |
| .u-form input[type='checkbox']:after, | |
| .u-form input[type='radio']:after { | |
| background: #747c88; | |
| } | |
| .u-form input[type='checkbox']:after, | |
| .u-form input[type='radio']:after { | |
| background: #747c88; | |
| } | |
| /*buttons */ | |
| .u-button { | |
| color: #2c3e50; | |
| text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); | |
| } | |
| .u-button-primary { | |
| background-color: #747c88; | |
| border: none; | |
| border-bottom: 1px solid #747c88; | |
| color: #fff; | |
| } | |
| .u-button-secondary { | |
| background: rgba(117, 117, 117, 0.07); | |
| border-bottom: 1px solid rgba(117, 117, 117, 0.2); | |
| } | |
| .u-button-warning { | |
| background-color: #d16c6c; | |
| border-bottom: 1px solid #5f1515; | |
| color: #fff; | |
| } | |
| .u-link { | |
| color: #fff; | |
| } | |
| /* Application settings ( AppSettings.vue ) */ | |
| .kiwi-appsettings { | |
| background: #fff; | |
| } | |
| .kiwi-appsettings-block { | |
| border: 1px solid #fff | |
| } | |
| .kiwi-appsettings-block h3 { | |
| background: #747c88; | |
| color: #fff; | |
| } | |
| .kiwi-appsettings-section { | |
| background-color: #f1f1f1; | |
| } | |
| /* Title bar, at the top of the Application settings component */ | |
| .kiwi-appsettings-title { | |
| background-color: #747c88; | |
| color: #fff; | |
| } | |
| .kiwi-appsettings-title:hover{ | |
| background: #d16c6c; | |
| } | |
| /* Channel List ( ChannelList.vue ) */ | |
| .kiwi-channellist table tbody tr:nth-child(even) { | |
| background-color: #f9f9f9; | |
| } | |
| .kiwi-channellist table tbody tr { | |
| border-top: 1px solid lightgray; | |
| } | |
| .kiwi-channellist-content-container .u-link { | |
| color: #747c88; | |
| } | |
| /* Container - Main ( Container.vue ) The majority of styling related to the messages and user input etc */ | |
| .kiwi-container { | |
| border-bottom: 1px solid #ddd; | |
| } | |
| /* The join button is displayed in the header when the user has not connected to their currently selected network */ | |
| .kiwi-header-join-channel-button { | |
| background-color: #42b983; | |
| color: #fff; | |
| } | |
| .kiwi-container-toggledraw-statebrowser { | |
| border-right: 1px solid #ddd; | |
| } | |
| .kiwi-container-toggledraw-sidebar { | |
| border-left: 1px solid #ddd; | |
| } | |
| .kiwi-container-toggledraw-sidebar--disabled { | |
| color: #b8babd; | |
| } | |
| /* These styles relate to the 'unread messages' and 'Mentioned' highlights that display to the user in the Statebrowser sidebar */ | |
| .kiwi-container-toggledraw-statebrowser-messagecount { | |
| background-color: #42b983; | |
| color: #fff; | |
| } | |
| .kiwi-container-toggledraw-statebrowser-messagecount::after { | |
| border: 0.6em solid transparent; | |
| border-right-color: #ddd; | |
| } | |
| .kiwi-statebrowser-channel-label--highlight { | |
| background: #e45e5e; | |
| } | |
| .kiwi-container-toggledraw-statebrowser-messagecount--highlight::after { | |
| border-right-color: #d62323; | |
| } | |
| .kiwi-container-empty .u-button { | |
| background-color: #747c88; | |
| color: #fff; | |
| } | |
| /* Container Header ( ContainerHeader.vue ) */ | |
| .kiwi-header { | |
| background: #fff; | |
| } | |
| .kiwi-header-name { | |
| color: #22231f; | |
| } | |
| /* The header option buttons */ | |
| .kiwi-header-option { | |
| border-left: 1px solid rgba(0, 0, 0, 0.2); | |
| } | |
| .kiwi-header-option a:hover, | |
| .kiwi-header-option--active, | |
| .kiwi-header-option--active:hover a{ | |
| background-color: #687282; | |
| color: #fff; | |
| opacity: 1; | |
| } | |
| .kiwi-header-option--active { | |
| border-left: none; | |
| opacity: 1; | |
| } | |
| /* For active buttons, since they are not being hovered, we need to set the child element opacity to 1 */ | |
| .kiwi-header-option-active a{ | |
| opacity: 1; | |
| } | |
| /* Leave channel */ | |
| .kiwi-header-option-leave a:hover, | |
| .kiwi-header-option-unpinsidebar a:hover { | |
| background-color: #c54d53; | |
| color: #fff; | |
| } | |
| /* The link to click if the user has not joined this channel */ | |
| .kiwi-header .kiwi-header-notjoined .u-link { | |
| background-color: #747c88; | |
| color: #fff; | |
| } | |
| .kiwi-header .kiwi-header-notjoined .u-link:hover { | |
| background-color: #5ec9a6; | |
| } | |
| /* The not joined button */ | |
| .kiwi-header .kiwi-header-notjoined .u-link { | |
| background-color: #747c88; | |
| color: #fff; | |
| } | |
| .kiwi-header .kiwi-header-notjoined .u-link:hover { | |
| background-color: #5ec9a6; | |
| } | |
| .kiwi-header-server-connection .u-button { | |
| background: #747c88; | |
| color: #fff; | |
| } | |
| /* baseline styling for the 'topic' of the channel, if it has one, these are shared between traditional and modern view, but can be made more specific if need be */ | |
| .kiwi-messagelist-message.kiwi-messagelist-message-topic { | |
| border-top: 1px solid #747c88; | |
| border-bottom: 1px solid #747c88; | |
| color: #5f5f5f; | |
| background: #f5f5f5; | |
| } | |
| .kiwi-messagelist-message--modern.kiwi-messagelist-message--authorrepeat.kiwi-messagelist-message-topic { | |
| border-top: 2px solid #747c88; | |
| } | |
| .kiwi-messagelist-message--modern.kiwi-messagelist-message-topic { | |
| border: 2px solid #747c88; | |
| } | |
| .kiwi-messagelist-message--modern.kiwi-messagelist-message-topic.kiwi-messagelist-message--unread { | |
| border-left: 2px solid #747c88; | |
| } | |
| .kiwi-header-buffersettings { | |
| border-top: 1px solid #ddd; | |
| } | |
| .kiwi-header-topic > div { | |
| color: #22231f; | |
| } | |
| /* When hovering over a channel, these options are displayed and coloured upon hover */ | |
| .kiwi-statebrowser-channel-settings, | |
| .kiwi-statebrowser-channel-leave { | |
| background-color: #687282; | |
| } | |
| .kiwi-statebrowser-channel-settings:hover{ | |
| background-color: #747c88; | |
| } | |
| .kiwi-statebrowser-channel-leave:hover{ | |
| background: #c54d53; | |
| } | |
| /* Control Input - displayed at bottom of Kiwi ( ControlInput.vue ) */ | |
| .kiwi-controlinput { | |
| background: #efefef; | |
| border-top: 1px solid #e8e8e8; | |
| color: #272727; | |
| } | |
| .kiwi-controlinput .kiwi-controlinput-user, | |
| .kiwi-controlinput-inner .kiwi-controlinput-user { | |
| border-right: 1px solid rgba(0, 0, 0, 0.2); | |
| } | |
| .kiwi-controlinput-active-tool { | |
| background: #f6f6f6; | |
| } | |
| .kiwi-selfuser, | |
| .kiwi-inputtool-emoji-emoji { | |
| background-color: #efefef; | |
| color: #272727; | |
| } | |
| .kiwi-selfuser .u-link { | |
| color: #687282; | |
| } | |
| /* AutoComplete - If the user has enabled autocomplete in their options, this will style the options (AutoComplete.vue) */ | |
| .kiwi-autocomplete { | |
| box-shadow: 0 1px 15px rgba(64, 54, 63, 0.25); | |
| border: 1px solid #ccc; | |
| background: #fff; | |
| } | |
| .kiwi-autocomplete-item { | |
| border-bottom: 1px solid #ccc; | |
| } | |
| .kiwi-autocomplete-item--selected { | |
| background: #747c88; | |
| color: #fff; | |
| } | |
| .kiwi-autocomplete-item--selected .u-link { | |
| color: #fff; | |
| } | |
| /* Message list - Standard messages ( MessageList.vue ) */ | |
| .kiwi-messagelist { | |
| background: #fff; | |
| } | |
| .kiwi-messagelist-message--info-open { | |
| background: #f6f6f6; | |
| } | |
| .kiwi-messageinfo-urls { | |
| border-top: 1px solid #ddd; | |
| } | |
| .kiwi-messagelist-message-action .kiwi-messagelist-body { | |
| color: #090; | |
| font-style: italic; | |
| } | |
| .kiwi-messagelist-message--highlight { | |
| background-color: #f2f2f2; | |
| } | |
| /* Standard username and usertime styling */ | |
| .kiwi-messagelist-nick { | |
| color: #000; | |
| } | |
| .kiwi-messagelist-time { | |
| color: #a0a09f; | |
| } | |
| /* Unread user messages */ | |
| .kiwi-messagelist-message.kiwi-messagelist-message--unread, | |
| .kiwi-messagelist-message.kiwi-messagelist-message--unread { | |
| border-left: 5px solid #747c88; | |
| background: #f2f2f2; | |
| opacity: 1; | |
| } | |
| .kiwi-messagelist-message.kiwi-messagelist-message--unread.kiwi-messagelist-message-connection { | |
| border-left: none; | |
| background: none; | |
| } | |
| /* When hovering over a users messages */ | |
| .kiwi-messagelist-message--hover{ | |
| background-color: #f2f2f2; | |
| } | |
| /* The shadow over the main text area that displays when the sidebar is open */ | |
| .kiwi-container--sidebar-open .kiwi-messagelist::after { | |
| background-color: rgba(27, 33, 37, 0.5); | |
| } | |
| /* Connection Styling */ | |
| .kiwi-messagelist-message-connection { | |
| background-color: #fff; | |
| } | |
| .kiwi-messagelist-message.kiwi-messagelist-message-connection-connected .kiwi-messagelist-body { | |
| background-color: #747c88; | |
| color: #fff; | |
| } | |
| .kiwi-messagelist-message.kiwi-messagelist-message-connection-disconnected .kiwi-messagelist-body { | |
| background-color: #a54d4d; | |
| color: #fff; | |
| } | |
| /* Traffic Messages - User join , User Quit etc*/ | |
| .kiwi-messagelist-message-traffic-join { | |
| color: #090; | |
| } | |
| .kiwi-messagelist-message-traffic-quit, | |
| .kiwi-messagelist-message-traffic-part, | |
| .kiwi-messagelist-message-traffic-kick { | |
| color: #900; | |
| } | |
| .kiwi-messagelist-message-traffic-quit .kiwi-nick::before, | |
| .kiwi-messagelist-message-traffic-part .kiwi-nick::before { | |
| color: #900; | |
| } | |
| /* Errors */ | |
| .kiwi-messagelist-message-error { | |
| background: #f1d4d4; | |
| border-left-color: #ab5252; | |
| } | |
| /* Kiwi Modern Message list ( MessageListMessageModern.vue ) */ | |
| .kiwi-messagelist-modern-avatar { | |
| border: 2px solid #687282; | |
| } | |
| .kiwi-messagelist-message--modern .kiwi-messagelist-body a { | |
| color: #0093ce; | |
| } | |
| .kiwi-messagelist-message--modern .kiwi-messagelist-body a:hover { | |
| color: #3db0de; | |
| } | |
| .kiwi-messagelist-nick { | |
| color: #000; | |
| } | |
| .kiwi-messagelist-message--compact .kiwi-messagelist-nick:hover { | |
| background-color: #f2f2f2; | |
| } | |
| .kiwi-messagelist-time { | |
| color: #a0a09f; | |
| } | |
| .kiwi-messagelist-message--modern { | |
| border-top: 1px solid #f3f3f3; | |
| } | |
| .kiwi-messagelist-message--modern.kiwi-messagelist-message--authorrepeat { | |
| border-top: none; | |
| } | |
| /* Traditional message styling hover */ | |
| .kiwi-messagelist-message--compact .kiwi-messagelist-message-privmsg:hover, | |
| .kiwi-messagelist-message--compact .kiwi-messagelist-message-action:hover, | |
| .kiwi-messagelist-message--compact .kiwi-messagelist-message-notice:hover, { | |
| border-left-color: #80ab52; | |
| } | |
| /* Network Settings ( NetworkSettings.vue ) */ | |
| .kiwi-networksettings .kiwi-title { | |
| background: #747c88; | |
| color: #fff; | |
| border-top: 1px solid #747c88; | |
| } | |
| .kiwi-network-nicknamelabel { | |
| color: rgb(128, 128, 128); | |
| } | |
| .kiwi-networksettings .kiwi-padded-form-element-container.kiwi-dangerzone { | |
| border-top: 1px solid rgba(0, 0, 0, 0.2); | |
| } | |
| .kiwi-networksettings .u-form { | |
| border: 1px solid rgba(0, 0, 0, 0.2); | |
| } | |
| .kiwi-networksettings .kiwi-title span { | |
| color: #747c88; | |
| background: #fff; | |
| } | |
| .kiwi-networksettings-advanced h3:hover { | |
| color: #747c88; | |
| } | |
| .kiwi-networksettings .kiwi-customserver-tls { | |
| color: #bfbfbf; | |
| } | |
| .kiwi-networksettings .u-form{ | |
| background: #fff; | |
| } | |
| .kiwi-networksettings .kiwi-customserver-tls { | |
| color: #bfbfbf; | |
| } | |
| .kiwi-networksettings .kiwi-customserver-tls--enabled { | |
| color: green; | |
| } | |
| .kiwi-networksettings .kiwi-customserver-tls--enabled .kiwi-customserver-tls-lock { | |
| color: green; | |
| } | |
| .kiwi-networksettings .kiwi-customserver-tls-minus { | |
| color: red; | |
| } | |
| .kiwi-networksettings-error { | |
| border: 1px dashed #d86f6f; | |
| } | |
| .kiwi-networksettings .kiwi-connect-to-newnetwork { | |
| background: #747c88; | |
| color: #fff; | |
| } | |
| .kiwi-networksettings .kiwi-networksettings-server-types .kiwi-network-type-button { | |
| border: 1px solid #747c88; | |
| color: #747c88; | |
| } | |
| .kiwi-networksettings .kiwi-networksettings-server-types .kiwi-network-type-button:hover, | |
| .kiwi-networksettings .kiwi-networksettings-server-types .kiwi-network-type-button.kiwi-networksettings-server-type-active { | |
| background: #747c88; | |
| color: #fff; | |
| } | |
| .u-button.kiwi-channellist-refresh.u-button-secondary { | |
| background: #747c88; | |
| } | |
| /* Nicklist ( Nicklist.vu ) */ | |
| .kiwi-nicklist-usercount { | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.3); | |
| } | |
| .kiwi-nicklist-user { | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.1); | |
| } | |
| .kiwi-nicklist-user { | |
| border-top: 1px solid #858585; | |
| } | |
| .kiwi-nicklist-user:first-of-type { | |
| border-top: none; | |
| } | |
| .kiwi-nicklist-user:hover { | |
| background-color: #747c88; | |
| cursor: pointer; | |
| color: #fff; | |
| } | |
| .kiwi-nicklist-user:after { | |
| color: #666764; | |
| } | |
| .kiwi-nicklist-user:hover .kiwi-nicklist-messageuser { | |
| color: #fff !important; | |
| } | |
| .kiwi-nicklist-user:hover .kiwi-nicklist-messageuser { | |
| color: #fff; | |
| } | |
| .kiwi-nicklist-messageuser { | |
| color: #e2e2e2; | |
| } | |
| .kiwi-nicklist-info i.fa-search { | |
| color: #cfcfcf; | |
| } | |
| /* Not connected message ( NotConnected.vue ) */ | |
| .kiwi-notconnected { | |
| color: #fff; | |
| background-color: #a54d4d; | |
| } | |
| .kiwi-notconnected-button { | |
| border: 2px solid #fff; | |
| color: #fff; | |
| } | |
| .kiwi-notconnected-button:hover{ | |
| background-color: #fff; | |
| color: #000; | |
| } | |
| /* Self User ( SelfUser.vue ) */ | |
| .kiwi-controlinput-selfuser { | |
| background: #fff; | |
| } | |
| .kiwi-controlinput-selfuser.kiwi-controlinput-selfuser--open { | |
| border: 1px solid #ddd; | |
| } | |
| .kiwi-selfuser-actions { | |
| border-top: 1px solid #ddd; | |
| } | |
| /* Settings Aliases ( SettingsAliases.vue ) */ | |
| .kiwi-settings-aliases-input { | |
| border-color: #ccc; | |
| } | |
| .kiwi-settings-aliases-showhelp { | |
| display: block; | |
| } | |
| .kiwi-settings-aliases-help { | |
| background: transparent; | |
| border: 1px dashed rgba(0,0,0, 0.4); | |
| } | |
| .kiwi-settings-aliases-help em { | |
| color: #747c88; | |
| font-weight: 900; | |
| } | |
| /* Sidebar ( Sidebar.vue ) */ | |
| .kiwi-sidebar-options { | |
| background-color: #687282; | |
| color: #fff; | |
| } | |
| .kiwi-sidebar-pin{ | |
| border-right: 1px solid #fff; | |
| background: #687282; | |
| } | |
| .kiwi-sidebar-pin:hover{ | |
| background: #687282; | |
| } | |
| .kiwi-sidebar-options .kiwi-sidebar-close:hover { | |
| background: #c54d53; | |
| } | |
| .kiwi-container--sidebar-pinned .kiwi-sidebar { | |
| border-color: #b2b2b2; | |
| } | |
| /* Channel Banlist ( Channelbanlist.vue ) */ | |
| .kiwi-channelbanlist-table tr { | |
| border-bottom: 1px solid #ddd; | |
| } | |
| .kiwi-channelbanlist-table-actions:hover { | |
| background-color: #b9424a; | |
| } | |
| .kiwi-channelbanlist-table-actions:hover i { | |
| color: #fff; | |
| } | |
| /* Statebrowser - Left sidebar ( StateBrowser.vue ) */ | |
| .kiwi-statebrowser { | |
| background: #414956; | |
| color: #fff; | |
| } | |
| .kiwi-network-name-hover-icon { | |
| color: #fff; | |
| } | |
| .kiwi-statebrowser-divider { | |
| background: rgba(255, 255, 255, 0.3); | |
| } | |
| .kiwi-messageinfo { | |
| background: #f6f6f6; | |
| border-bottom: 2px #ddd solid; | |
| border-top: 1px #ddd dashed; | |
| } | |
| .kiwi-statebrowser-usermenu-avatar { | |
| background-color: #000; | |
| color: #fff; | |
| } | |
| .kiwi-statebrowser-usermenu-avatar:hover { | |
| background-color: #687282; | |
| color: #fff; | |
| } | |
| /* If the user clicks on their avatar we 'open' the settings */ | |
| .kiwi-statebrowser-usermenu--open { | |
| background: rgba(255, 255, 255, 0.1); | |
| } | |
| .kiwi-statebrowser-usermenu--open .kiwi-statebrowser-usermenu-avatars { | |
| background-color: #747c88; | |
| color: #fff; | |
| } | |
| .kiwi-statebrowser-network .kiwi-statebrowser-network-header a.kiwi-statebrowser-network-toggle:hover { | |
| background-color: #d16c6c; | |
| border-top-color: #d16c6c; | |
| } | |
| /* User Settings */ | |
| .kiwi-statebrowser-appsettings:hover { | |
| background: #747c88; | |
| color: #fff; | |
| opacity: 1; | |
| } | |
| /* Statebrowser list */ | |
| .kiwi-statebrowser-scrollarea { | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.3); | |
| } | |
| .kiwi-statebrowser-scrollarea h4, | |
| .kiwi-statebrowser-scrollarea h4 { | |
| border-top: 1px solid rgba(255, 255, 255, 0.3); | |
| } | |
| .kiwi-network-name-options { | |
| background-color: #687282; | |
| } | |
| .kiwi-network-name-options .option-button:hover, | |
| .kiwi-network-name-options .option-button.active { | |
| background-color: #747c88; | |
| color: #fff; | |
| } | |
| .kiwi-network-name-options .kiwi--collapse { | |
| background: #d16c6c; | |
| } | |
| /* Add channel input */ | |
| .kiwi-statebrowser-newchannel-inputwrap { | |
| color: #fff; | |
| } | |
| .kiwi-statebrowser-newchannel-inputwrap input[type='text'] { | |
| color: #000; | |
| background: #fff; | |
| } | |
| .kiwi-statebrowser-newchannel-inputwrap--focus { | |
| opacity: 1; | |
| background-color: #fff; | |
| } | |
| /*Channel search input */ | |
| .kiwi-statebrowser-channelfilter { | |
| transition: all 0.3s; | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.5); | |
| color: #131312; | |
| } | |
| .kiwi-statebrowser-channelfilter p a { | |
| color: #f1f1f1; | |
| } | |
| .kiwi-statebrowser-channelfilter p a:hover { | |
| color: #fff; | |
| } | |
| .kiwi-statebrowser-channelfilter::after { | |
| color: #000; | |
| } | |
| .kiwi-statebrowser-channelfilter input { | |
| background-color: #fff; | |
| color: #000; | |
| outline: none; | |
| } | |
| .kiwi-statebrowser-channelfilter p { | |
| color: #747c88; | |
| font-size: 0.9em; | |
| margin: 10px 0 10px 0; | |
| cursor: pointer; | |
| transition: all 0.3s; | |
| } | |
| .kiwi-statebrowser-channelfilter p:hover { | |
| color: #6dcdad; | |
| } | |
| .kiwi-statebrowser-newnetwork a { | |
| color: #fff; | |
| } | |
| .kiwi-statebrowser-newnetwork a:hover { | |
| background: #747c88; | |
| opacity: 1; | |
| color: #fff; | |
| } | |
| .kiwi-statebrowser-network .kiwi-statebrowser-network-header a { | |
| color: #fff; | |
| } | |
| .kiwi-statebrowser-network--active .kiwi-statebrowser-network-header { | |
| background: #687282; | |
| } | |
| /* Channel Styling */ | |
| .kiwi-statebrowser-channels .kiwi-statebrowser-channel { | |
| border-bottom: 1px solid #687282; | |
| color: #fff; | |
| } | |
| .kiwi-statebrowser-channels .kiwi-statebrowser-channel .kiwi-statebrowser-channel-name { | |
| color: #fff; | |
| } | |
| .kiwi-statebrowser-channels .kiwi-statebrowser-channel .kiwi-statebrowser-channel-name .kiwi-statebrowser-channel-label { | |
| background: #d16c6c; | |
| } | |
| .kiwi-search-channels.active{ | |
| background: #747c88; | |
| } | |
| /* New Channel Button */ | |
| .kiwi-statebrowser-newchannel a { | |
| border: 1px solid rgba(255, 255, 255, 0.5); | |
| } | |
| .kiwi-statebrowser-newchannel a:hover { | |
| background: #747c88; | |
| opacity: 1; | |
| color: #fff; | |
| } | |
| .kiwi-statebrowser-usermenu-body .close-icon { | |
| background-color: #fc6262; | |
| color: #fff; | |
| } | |
| .kiwi-statebrowser-usermenu-body .close-icon:hover { | |
| background-color: #fe7575; | |
| } | |
| .kiwi-statebrowser-switcher a:first-of-type { | |
| background: rgba(255, 255, 255, 0.15); | |
| } | |
| .kiwi-statebrowser-switcher a:hover { | |
| background: rgba(255, 255, 255, 0.1); | |
| } | |
| .kiwi-statebrowser-options { | |
| background: #383838; | |
| } | |
| .kiwi-statebrowser-nonetworks { | |
| background: rgba(255, 255, 255, 0.15); | |
| } | |
| .kiwi-statebrowser-availablenetworks-toggle { | |
| background: rgba(255, 255, 255, 0.15); | |
| } | |
| .kiwi-statebrowser-availablenetworks { | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.3); | |
| } | |
| .kiwi-statebrowser-availablenetworks-link { | |
| border-right: 15px solid red; | |
| } | |
| .kiwi-statebrowser-availablenetworks-link--connected { | |
| border-color: #747c88; | |
| } | |
| .kiwi-statebrowser-channel-notjoined .kiwi-statebrowser-channel-name { | |
| color: #d03232; | |
| } | |
| .kiwi-statebrowser-channel-active .kiwi-statebrowser-channel-name { | |
| color: #df6b26; | |
| } | |
| .kiwi-statebrowser-channel-label { | |
| background: #747c88; | |
| color: #fff; | |
| } | |
| .kiwi-statebrowser-channel-label--highlight { | |
| background: #d62323; | |
| } | |
| .kiwi-statebrowser-channel-popup { | |
| background: #383838; | |
| border: 3px solid #6b6b6b; | |
| border-left: none; | |
| } | |
| .kiwi-statebrowser-newchannel-inputwrap--focus { | |
| opacity: 1; | |
| } | |
| .kiwi-statebrowser-nonetworks { | |
| background: rgba(255, 255, 255, 0.15); | |
| } | |
| .kiwi-statebrowser-availablenetworks { | |
| border-bottom: 1px solid rgba(255, 255, 255, 0.3); | |
| } | |
| .kiwi-statebrowser-availablenetworks-toggle { | |
| background: rgba(255, 255, 255, 0.15); | |
| } | |
| .kiwi-statebrowser-channel-label { | |
| background: #747c88; | |
| color: #dedede; | |
| } | |
| .kiwi-statebrowser-channel-label--highlight { | |
| background: #d62323; | |
| } | |
| .kiwi-statebrowser-channel-popup { | |
| background: #383838; | |
| border: 3px solid #6b6b6b; | |
| } | |
| /* Statebrowser Network - ( StateBrowser.vue ) */ | |
| .kiwi-statebrowser-network-header { | |
| background: rgba(255, 255, 255, 0.15); | |
| } | |
| .kiwi-statebrowser-network-status { | |
| background: rgba(255, 255, 255, 0.1); | |
| color: #fff; | |
| } | |
| .kiwi-statebrowser-channel-active { | |
| background: #555e6b | |
| } | |
| .kiwi-statebrowser-network-status .u-link { | |
| color: #fff; | |
| } | |
| /* User Box Styling ( UserBox.vue ) */ | |
| .kiwi-userbox-usermask { | |
| color: #9e9e9e; | |
| } | |
| .kiwi-userbox-opactions { | |
| border-top: 1px solid #9e9e9e; | |
| } | |
| .kiwi-userbox .main-title { | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.2); | |
| } | |
| .kiwi-userbox .kiwi-userbox-basicinfo { | |
| border-bottom: 1px solid rgba(0, 0, 0, 0.2); | |
| } | |
| .kiwi-userbox .kiwi-userbox-actions .u-button { | |
| border: 1px solid #000; | |
| color: #000; | |
| } | |
| .kiwi-userbox .kiwi-userbox-actions .u-button:hover { | |
| background-color: #000; | |
| color: #fff; | |
| } | |
| .kiwi-userbox-opactions { | |
| border-top: 1px solid #9e9e9e; | |
| } | |
| .kiwi-userbox-opactions label select { | |
| border: 1px solid rgba(0, 0, 0, 0.2); | |
| } | |
| .kiwi-userbox-opaction-kick , | |
| .kiwi-userbox-opaction-ban, | |
| .kiwi-userbox-opaction-kickban { | |
| color: #fff; | |
| } | |
| .kiwi-userbox-opaction-kick { | |
| background-color: #f6c358; | |
| } | |
| .kiwi-userbox-opaction-kick:hover { | |
| background-color: #fcce6e; | |
| } | |
| .kiwi-userbox-opaction-ban { | |
| background-color: #fcb46e; | |
| } | |
| .kiwi-userbox-opaction-ban:hover{ | |
| background-color: #ffca97; | |
| } | |
| .kiwi-userbox-opaction-kickban{ | |
| background-color: #fb846a; | |
| } | |
| .kiwi-userbox-opaction-kickban:hover{ | |
| background-color: #ffaf9e; | |
| } | |
| .kiwi-userbox-whois { | |
| border: 1px solid #9e9e9e; | |
| border-radius: 2px; | |
| } | |
| .kiwi-messagelist-message-whois { | |
| border-left-color: #939393; | |
| } | |
| .kiwi-messagelist-message.kiwi-messagelist-message--hover, | |
| .kiwi-messagelist-message.kiwi-messagelist-message--highlight, | |
| .kiwi-messagelist-message.kiwi-messagelist-message-traffic--hover { | |
| position: relative; | |
| border-color: #c9c9c9; | |
| opacity: 1; | |
| } | |
| /* MOTD */ | |
| .kiwi-messagelist-message-motd { | |
| color: #666; | |
| } | |
| /* Customer Server Styling */ | |
| .kiwi-customserver { | |
| background-color: #414956; | |
| color: #fff; | |
| } | |
| /*Icon before the network in network list */ | |
| .kiwi-statebrowser-network-name::before { | |
| content: '\f233'; | |
| font-family: fontAwesome; | |
| margin-right: 2px; | |
| font-weight: 100; | |
| text-decoration: none; | |
| } | |
| /* Icons in the Channel List */ | |
| .kiwi-statebrowser-channel:not([data-name^="#"])::before { | |
| content: '\f007'; | |
| } | |
| .kiwi-statebrowser-channel[data-name^="*"]::before { | |
| content: '\f006'; | |
| } | |
| .kiwi-statebrowser-channel[data-name="#help"]::before { | |
| content: '\f059'; | |
| } | |
| .kiwi-statebrowser-channel::before { | |
| font-family: fontAwesome; | |
| margin-right: 5px; | |
| font-weight: 100; | |
| } | |
| .kiwi-settings-advanced-notice { | |
| color: #fff; | |
| background: #d16c6c; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment