Moved between oomox themes

This one's based on Numix, which should look a lot better.
This commit is contained in:
2017-08-10 02:31:57 -05:00
parent 72f490816e
commit ae651057fd
315 changed files with 3751 additions and 2682 deletions

View File

@@ -0,0 +1,132 @@
/*********
! Gedit *
**********/
@include exports("gedit") {
GeditWindow .pane-separator {
border-width: 0 1px 0 0;
border-style: solid;
&, &:hover {
border-color: shade($bg_color, ($contrast + .1));
background-color: $bg_color;
}
}
.gedit-document-panel {
background-color: $bg_color;
color: mix($fg_color, $bg_color, .1);
.list-row {
padding: $spacing;
.button {
padding: 1px;
border-radius: $roundness;
border-style: solid;
border-color: transparent;
border-width: 1px;
background-color: transparent;
background-image: none;
color: transparent;
icon-shadow: none;
}
}
.prelight-row .button {
border-color: alpha($black, .1);
color: alpha($white, .8);
&:active {
border-color: alpha($black, .2);
background-color: alpha($black, .08);
color: $white;
}
}
list-row, .prelight-row {
.button:hover {
border-color: alpha($black, .1);
color: $white;
}
}
}
.gedit-document-panel-group-row {
&, &:hover {
border-top: 1px solid shade($bg_color, ($contrast + .1));
background-color: $bg_color;
}
}
.gedit-document-panel-document-row {
&:hover { background-color: shade($bg_color, 1.05); }
&:selected {
&, &:hover { @extend %selected; }
}
}
.gedit-document-panel-dragged-row {
border: 1px solid alpha($black, .1);
background-color: alpha($black, .5);
color: $white;
}
.gedit-document-panel-placeholder-row {
border: 0;
background-color: alpha($black, .08);
transition: all 200ms ease-in;
}
GeditStatusbar { border-top: 1px solid border_normal($bg_color); }
GeditStatusbar GeditSmallButton, GeditStatusMenuButton {
text-shadow: none;
.button {
border-style: solid;
border-width: 0 1px;
border-color: transparent;
border-radius: 0;
padding: 1px 6px 2px 4px;
&:hover, &:active, &:active:hover { border-color: border_normal($bg_color); }
&:active {
background-color: shade($bg_color, .95);
color: $fg_color;
}
}
}
GeditViewFrame .gedit-search-slider {
padding: $spacing;
border-radius: 0 0 $roundness $roundness;
border-width: 0 1px 1px;
border-style: solid;
border-color: border_normal($base_color);
background-color: $base_color;
.not-found {
background-color: $error_bg_color;
background-image: none;
color: $error_fg_color;
&:selected { @extend %selected; }
}
}
GeditFileBrowserWidget .toolbar {
padding: $spacing / 2;
border-top: 0;
background-color: $bg_color;
background-image: none;
}
.gedit-search-entry-occurrences-tag {
margin: $spacing / 2;
padding: $spacing / 2;
color: mix($text_color, $base_color, .5);
}
}

View File

@@ -0,0 +1,219 @@
/**********************
! Genome Terminal *
***********************/
@include exports("gnome-terminal") {
VteTerminal {
background-color: $osd_base;
color: $osd_fg;
}
TerminalWindow {
.scrollbars-junction {
background-color: $osd_base;
}
.scrollbar {
&.trough {
background-color: $osd_base;
}
&.button {
color: shade($osd_base, 0.6);
&:active {
color: shade($osd_base, 0.6);
&:hover {
color: shade($osd_base, 0.6);
}
}
}
&.slider {
border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.21);
background-color: mix($osd_base, $osd_fg, 0.21);
&:hover {
border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.31);
background-color: mix($osd_base, $osd_fg, 0.31);
}
&.vertical {
&:hover {
border-color: mix(shade($osd_base, 0.87), $osd_fg, 0.31);
background-color: mix($osd_base, $osd_fg, 0.31);
}
&:active {
border-color: shade($selected_bg_color, 0.9);
background-color: $selected_bg_color;
}
}
&:active {
border-color: shade($selected_bg_color, 0.9);
background-color: $selected_bg_color;
}
}
}
GtkNotebook.notebook {
border-right-width: 0;
border-bottom-width: 0;
border-left-width: 0;
}
}
TerminalNotebook.notebook { //use dark variant by default
padding: 0;
border-width: 1px 0 0;
border-style: solid;
border-color: border_active($osd_base);
border-radius: 0;
@include linear-gradient($osd_base);
background-clip: border-box;
color: $osd_fg;
-GtkNotebook-initial-gap: 0;
-GtkNotebook-arrow-spacing: 5;
-GtkNotebook-tab-curvature: 0;
-GtkNotebook-tab-overlap: 1;
-GtkNotebook-has-tab-gap: false;
&.frame { border-width: 1px; }
&.header {
border-width: 0;
background-color: shade($osd_base, .85);
&.frame {
border-color: border_focus($osd_base);
&.top { border-width: 1px 1px 0 1px; }
&.right { border-width: 1px 1px 1px 0; }
&.bottom { border-width: 0 1px 1px 1px; }
&.left { border-width: 1px 0 1px 1px; }
}
}
GtkViewport {
border-width: 0;
background-color: $osd_base;
color: $osd_fg;
}
tab {
padding: ($spacing + 1px) $spacing * 2;
border: 1px solid transparent;
background-color: transparent;
background-image: none;
&:active {
background-color: transparent;
background-image: none;
}
&.top {
border-bottom-width: 2px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
&:hover {
border-bottom-color: alpha($selected_bg_color, 0.3);
}
&:active {
border-bottom-color: $selected_bg_color;
}
}
&.right {
border-left-width: 2px;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
&:hover {
border-left-color: alpha($selected_bg_color, 0.3);
}
&:active {
border-left-color: $selected_bg_color;
}
}
&.bottom {
border-top-width: 2px;
border-top-right-radius: 0;
border-top-left-radius: 0;
&:hover {
border-top-color: alpha($selected_bg_color, 0.3);
}
&:active {
border-top-color: $selected_bg_color;
}
}
&.left {
border-right-width: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
&:hover {
border-right-color: alpha($selected_bg_color, 0.3);
}
&:active {
border-right-color: $selected_bg_color;
}
}
GtkLabel { color: mix($osd_fg, $osd_base, .3); }
&.reorderable-page {
&:hover {
background-color: shade($osd_base, .85);
border-left: 0;
border-right: 0;
/* using box shadows instead of borders due to slanted edges */
box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($osd_base, .7), inset -1px 0 shade($osd_base, .7);
}
&:active {
background-color: shade($osd_base, .9);
border-left: 0;
border-right: 0;
box-shadow: inset 0 3px alpha($black, .03), inset 0 2px alpha($black, .03), inset 0 1px alpha($black, .03), inset 1px 0 shade($osd_base, .75), inset -1px 0 shade($osd_base, .75);
}
}
/* close button styling */
.button {
&, &:active, &:checked, &:hover {
padding: 1px;
border-width: 1px;
border-radius: 2px;
border-style: solid;
border-color: transparent;
background-image: none;
background-color: transparent;
color: mix($osd_fg, $osd_base, 0.5);
}
&:hover {
color: $osd_fg;
border-color: shade($osd_base, 0.8);
}
&:active, &:checked, &:active:hover, &:checked:hover {
border-color: shade($osd_base, 0.7);
background-color: shade($osd_base, 0.95);
}
}
}
.prelight-page {
&, GtkLabel { color: mix($osd_fg, $osd_base, .15); }
}
.active-page {
&, GtkLabel { color: $osd_fg; }
}
}
}

View File

@@ -0,0 +1,193 @@
/***********************
! LightDM GTK Greeter *
***********************/
@include exports("lightdm") {
#panel_window {
background-color: transparent;
background-image: none;
color: $white;
font: bold;
text-shadow: 0 1px alpha($black, .5);
icon-shadow: 0 1px alpha($black, .5);
.menubar {
&, > .menuitem {
background-color: transparent;
background-image: none;
color: $white;
font: bold;
text-shadow: 0 1px alpha($black, .5);
icon-shadow: 0 1px alpha($black, .5);
*:hover { color: $white; }
&:hover {
border-style: none;
background-color: alpha($white, .2);
background-image: none;
color: $white;
}
&:insensitive { color: alpha($white, .7); }
.menu {
border-radius: 1px;
.menuitem {
font: normal;
text-shadow: none;
}
}
}
}
}
#content_frame { padding-bottom: 14px; }
#login_window, #shutdown_dialog, #restart_dialog {
border-style: none;
border-radius: $roundness;
background-color: $lightdm_bg_color;
color: $lightdm_fg_color;
/* draw border using box-shadow */
box-shadow: inset 1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
inset -1px 0 mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
inset 0 1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21),
inset 0 -1px mix(shade($lightdm_bg_color, .7), $lightdm_fg_color, .21);
.button {
padding: 3px 15px;
border-width: 1px;
border-radius: $roundness;
border-style: solid;
border-color: shade($lightdm_bg_color, .8);
background-color: shade($lightdm_bg_color, 1.08);
background-image: none;
color: $lightdm_fg_color;
transition: all 150ms ease-out;
&.default, &:focus, &:active:focus {
border-color: shade($selected_bg_color, .8);
background-color: shade($selected_bg_color, 1.08);
background-image: none;
color: $selected_fg_color;
&:hover {
border-color: shade($selected_bg_color, .7);
background-color: $selected_bg_color;
}
}
}
}
#login_window {
.menu { border-radius: 1px; }
GtkComboBox .button {
&, &:hover, &:active, &:active:hover,
&:focus, &:hover:focus, &:active:focus, &:active:hover:focus {
padding: 0;
background: none;
border-style: none;
box-shadow: none;
}
}
.entry {
padding: 3px 5px;
border-width: 1px;
border-style: solid;
border-color: shade($lightdm_bg_color, .8);
border-radius: $roundness;
background-color: shade($lightdm_bg_color, .9);
background-image: none;
color: $lightdm_fg_color;
box-shadow: none;
transition: all 150ms ease-out;
&:focus, &:hover {
border-color: shade($lightdm_bg_color, .7);
box-shadow: inset 1px 0 alpha($dark_shadow, .1),
inset 0 1px alpha($dark_shadow, .12),
inset -1px 0 alpha($dark_shadow, .1),
inset 0 -1px alpha($dark_shadow, .05);
}
}
}
#user_combobox {
color: $lightdm_fg_color;
font: 18px;
.menu { font: normal; }
.arrow { color: mix($lightdm_fg_color, $lightdm_bg_color, .5); }
}
#user_image {
padding: 3px;
border-radius: $roundness;
/* draw border using box-shadow */
box-shadow: inset 1px 0 shade($lightdm_bg_color, .7),
inset -1px 0 shade($lightdm_bg_color, .7),
inset 0 1px shade($lightdm_bg_color, .7),
inset 0 -1px shade($lightdm_bg_color, .7);
}
#user_image_border {
border-radius: $roundness;
background-color: shade($lightdm_bg_color, .9);
background-image: none;
box-shadow: inset 1px 0 alpha($dark_shadow, .07),
inset 0 1px alpha($dark_shadow, .08),
inset -1px 0 alpha($dark_shadow, .07),
inset 0 -1px alpha($dark_shadow, .05);
}
#buttonbox_frame {
padding-top: 10px;
padding-bottom: 0;
border-style: none;
border-bottom-left-radius: $roundness;
border-bottom-right-radius: $roundness;
background-color: transparent;
background-image: none;
box-shadow: none;
}
/* shutdown button */
#shutdown_button {
border-color: shade($error_bg_color, .8);
background-color: shade($error_bg_color, 1.08);
background-image: none;
color: $error_fg_color;
&:hover, &:active, &:active:hover {
border-color: shade($error_bg_color, .7);
background-color: $error_bg_color;
}
}
/* restart button */
#restart_button {
border-color: shade($warning_bg_color, .8);
background-color: shade($warning_bg_color, 1.08);
background-image: none;
color: $warning_fg_color;
&:hover, &:active, &:active:hover {
border-color: shade($warning_bg_color, .7);
background-color: $warning_bg_color;
}
}
/* password warning */
#greeter_infobar { font: bold; }
}

View File

@@ -0,0 +1,82 @@
@import "panel";
/****************
! MATE styles *
*****************/
@include exports("mate-applications") {
.mate-panel-menu-bar {
@extend %panel;
border: 0;
padding: 0;
text-shadow: none;
}
MatePanelApplet .label,
PanelMenuBar.menubar > .menuitem {
color: $panel_fg_color;
}
PanelSeparator, MatePanelAppletFrameDBus {
border-width: 0;
color: transparent;
background-image: -gtk-scaled(url("../assets/pane-handle.png"),
url("../assets/pane-handle@2.png"));
background-color: transparent;
background-repeat: no-repeat;
background-position: left;
}
MatePanelApplet .button,
MatePanelApplet .button.flat,
MatePanelApplet .button.toggle
MatePanelApplet .button.flat.toggle {
background-image: none;
background-color: transparent;
border-color: transparent;
border-style: solid;
border-radius: 0;
border-width: 1px;
color: $panel_fg_color;
text-shadow: none;
box-shadow: none;
padding: 2px;
}
MatePanelApplet .button:hover:active,
MatePanelApplet .button:checked,
MatePanelApplet .button:checked:hover,
MatePanelApplet .button.flat:hover:active,
MatePanelApplet .button.flat:checked,
MatePanelApplet .button.flat:checked:hover,
MatePanelApplet .button.toggle:hover:active,
MatePanelApplet .button.toggle:checked,
MatePanelApplet .button.toggle:checked:hover,
MatePanelApplet .button.flat.toggle:hover:active,
MatePanelApplet .button.flat.toggle:checked,
MatePanelApplet .button.flat.toggle:checked:hover {
background-image: none;
background-color: darker($panel_bg_color);
border-color: transparent;
border-radius: 0;
border-width: 1px;
color: lighter($panel_fg_color);
text-shadow: none;
padding: 2px;
}
MatePanelApplet .button:hover,
MatePanelApplet .button.flat:hover,
MatePanelApplet .button.toggle:hover,
MatePanelApplet .button.flat.toggle:hover {
background-image: none;
background-color: shade($panel_bg_color, 1.3);
border-color: transparent;
border-radius: 0;
border-width: 1px;
color: $selected_fg_color;
text-shadow: none;
padding: 2px;
}
}

View File

@@ -0,0 +1,72 @@
/************
! Nautilus *
*************/
@include exports("nautilus") {
.nautilus-desktop.nautilus-canvas-item {
color: $white;
text-shadow: 1px 1px $black;
&:active { color: $fg_color; }
&:selected { color: $selected_fg_color; }
&:active, &:hover, &:selected { text-shadow: none; }
}
NautilusWindow {
.toolbar {
border-width: 0 0 1px;
border-style: solid;
border-color: border_normal($toolbar_bg_color);
}
.sidebar .frame { border: 0; }
GtkPaned {
border-width: 0 1px 0 0;
border-style: solid;
&, &:hover {
border-color: shade($bg_color, ($contrast + .1));
background-color: $bg_color;
}
}
}
NautilusNotebook {
&.notebook {
border-right-width: 0;
border-left-width: 0;
border-bottom-width: 0;
}
.frame { border: 0; }
}
NautilusQueryEditor {
.toolbar {
padding-top: $spacing - 1px;
padding-bottom: $spacing - 2px;
border-width: 1px 0 0;
border-style: solid;
border-color: $toolbar_bg_color;
background-color: shade($toolbar_bg_color, .9);
&:nth-child(2) { border-color: border_normal($toolbar_bg_color); }
&.search-bar {
border-top-width: 0;
border-bottom-width: 0;
}
&, &.search-bar {
&:last-child, &:only-child {
border-bottom-width: 1px;
border-bottom-color: border_normal($toolbar_bg_color);
}
}
}
}
}

View File

@@ -0,0 +1,36 @@
/********
! Nemo *
*********/
@include exports("nemo") {
.nemo-desktop.nemo-canvas-item {
color: $white;
text-shadow: 1px 1px $black;
&:active { color: $fg_color; }
&:selected { color: $selected_fg_color; }
&:active, &:hover, &:selected { text-shadow: none; }
}
NemoPathbarButton {
@include button($toolbar_bg_color, $toolbar_fg_color);
-NemoPathbarButton-border-radius: $roundness;
}
NemoPlacesTreeView {
-NemoPlacesTreeView-disk-full-bg-color: shade($toolbar_bg_color, .8);
-NemoPlacesTreeView-disk-full-fg-color: $selected_bg_color;
-NemoPlacesTreeView-disk-full-bar-width: 1px;
-NemoPlacesTreeView-disk-full-bar-radius: 1px;
-NemoPlacesTreeView-disk-full-bottom-padding: 2px;
-NemoPlacesTreeView-disk-full-max-length: 70px;
&:selected {
-NemoPlacesTreeView-disk-full-bg-color: $selected_fg_color;
-NemoPlacesTreeView-disk-full-fg-color: shade($selected_bg_color, 1.2);
}
}
}

View File

@@ -0,0 +1,80 @@
/***********************
! Fallback mode panel *
************************/
@include exports("panel") {
%panel {
@include linear-gradient($panel_bg_color);
color: $panel_fg_color;
}
%panelbutton {
border-width: 0 1px;
border-radius: 0;
border-color: transparent;
background-color: transparent;
background-image: none;
color: $panel_fg_color;
&:hover, &:hover {
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, .11));
border-color: mix($panel_bg_color, $panel_fg_color, .11);
color: shade($panel_fg_color, 1.08);
}
&:active, &:checked {
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, .21), to top);
border-color: mix($panel_bg_color, $panel_fg_color, .21);
color: shade($panel_fg_color, 1.08);
&:hover {
@include linear-gradient(mix($panel_bg_color, $panel_fg_color, .31), to top);
border-color: mix($panel_bg_color, $panel_fg_color, .31);
}
}
}
PanelWidget, PanelApplet, PanelToplevel {
@extend %panel;
padding: 0;
}
PanelApplet {
border: 0;
.button {
@extend %panelbutton;
-GtkButton-inner-border: 2;
}
}
PanelSeparator {
@extend %panel;
border: 0;
}
PanelApplet > GtkMenuBar.menubar, PanelMenuBar.menubar, .gnome-panel-menu-bar {
&.menuitem {
@extend %panel;
border: 0;
-PanelMenuBar-icon-visible: true;
}
}
PanelAppletFrame {
@extend %panel;
border: 0;
}
WnckPager, WnckTasklist { @extend %panel; }
}

View File

@@ -0,0 +1,15 @@
/************
! Synaptic *
*************/
@include exports("synaptic") {
GtkWindow > GtkVBox > .dock {
&, > GtkHBox > GtkToolbar {
@include linear-gradient($toolbar-bg-color);
padding: $spacing;
border: 0;
color: $toolbar_fg_color;
}
}
}

View File

@@ -0,0 +1,119 @@
/***********************
! Unity Greeter *
***********************/
@include exports("unity-greeter") {
.lightdm.menu {
background-image: none;
background-color: fade-out($black, .4);
border-color: fade-out($white, .8);
border-radius: 4px;
padding: 1px;
color: $white;
}
.lightdm-combo .menu {
background-color: shade($dark_bg_color, 1.08);
border-radius: 0;
padding: 0;
color: $white;
}
.lightdm.menu .menuitem *,
.lightdm.menu .menuitem.check:active,
.lightdm.menu .menuitem.radio:active {
color: $white;
}
.lightdm.menubar *,
.lightdm.menubar .menuitem {
padding: 2px;
}
.lightdm-combo.combobox-entry .button,
.lightdm-combo .cell,
.lightdm-combo .button,
.lightdm-combo .entry,
.lightdm.button{
background-image: none;
background-color: fade-out($black, .7);
border-color: fade-out($white, .1);
border-radius: 5px;
padding: 5px;
color: $white;
}
.lightdm.button:hover {
background-image: none;
background-color: fade-out($white, .7);
border-color: fade-out($white, .4);
border-radius: 5px;
padding: 5px;
color: $white;
text-shadow: none;
}
.lightdm.button:active,
.lightdm.button:active:focus,
.lightdm.button:focus,
.lightdm.entry {
background-image: none;
background-color: fade-out($black, .7);
border-color: fade-out($white, .4);
border-radius: 5px;
padding: 6px;
color: $white;
text-shadow: none;
}
.lightdm.entry:hover,
.lightdm.entry:active,
.lightdm.entry:active:focus {
background-image: none;
border-image: none;
}
.lightdm.entry:focus {
border-color: fade-out($white, .4);
border-width: 1px;
border-style: solid;
color: $white;
}
.lightdm.entry:selected {
background-color: fade-out($white, .8);
}
@keyframes dashentry_spinner {
to { -gtk-icon-transform: rotate(1turn); }
}
.lightdm.entry:active {
-gtk-icon-source: -gtk-icontheme("process-working-symbolic");
animation: dashentry_spinner 1s infinite linear;
}
.lightdm.option-button {
background: none;
border-width: 0;
}
.lightdm.option-button:insensitive:insensitive {
background: none;
}
.lightdm.toggle-button {
background: none;
border-width: 0;
}
.lightdm.toggle-button.selected:hover {
background-color: fade-out($white, .7);
border-color: fade-out($white, .7);
border-width: 1px;
}
.lightdm.toggle-button.selected {
background-color: fade-out($black, .7);
border-color: fade-out($white, .7);
border-width: 1px;
}
}

View File

@@ -0,0 +1,74 @@
@import "panel";
/****************
! Unity styles *
*****************/
@include exports("unity") {
UnityDecoration {
-UnityDecoration-extents: 28px 1px 1px 1px;
-UnityDecoration-input-extents: 10px;
-UnityDecoration-shadow-offset-x: 1px;
-UnityDecoration-shadow-offset-y: 1px;
-UnityDecoration-active-shadow-color: rgba(0, 0, 0, .7);
-UnityDecoration-active-shadow-radius: 8px;
-UnityDecoration-inactive-shadow-color: rgba(0, 0, 0, .5);
-UnityDecoration-inactive-shadow-radius: 5px;
-UnityDecoration-glow-size: 10px;
-UnityDecoration-glow-color: $selected_bg_color;
-UnityDecoration-title-indent: 10px;
-UnityDecoration-title-fade: 35px;
-UnityDecoration-title-alignment: 0;
&.top {
border: 1px solid mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
border-bottom: 0;
border-radius: 2px 2px 0 0;
padding: 1px 8px 0 8px;
background-color: $titlebar_bg_color;
color: mix($titlebar_fg_color, $titlebar_bg_color, .1);
text-shadow: none;
&:backdrop {
border: 1px solid mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12);
border-bottom: 0;
background-color: $titlebar_bg_color;
color: mix($titlebar_fg_color, $titlebar_bg_color, .4);
}
}
&.left, &.right, &.bottom {
background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.21);
&:backdrop {
background-color: mix(shade($titlebar_bg_color, 0.7), $titlebar_fg_color, 0.12);
}
}
}
UnityPanelWidget, .unity-panel {
@extend %panel;
border: 0;
}
.unity-panel {
&.menuitem, .menuitem {
border-width: 0 1px;
color: $panel_fg_color;
&:hover, *:hover {
border-color: mix($panel_bg_color, $panel_fg_color, .21);
background-color: mix($panel_bg_color, $panel_fg_color, .21);
background-image: none;
color: shade($panel_fg_color, 1.08);
}
}
}
SheetStyleDialog.unity-force-quit { background-color: $bg_color; }
}

View File

@@ -0,0 +1,26 @@
@import "panel";
/***************
! Xfce styles *
****************/
@include exports("xfce") {
XfceHeading {
margin: 0;
padding: 0;
border: 0;
background-image: none;
background-color: $base_color;
color: $text_color;
}
.xfce4-panel {
@extend %panel;
font: normal;
.button { @extend %panelbutton; }
.menu { -gtk-image-effect: none; }
}
}