Members of the KDE Community are recommended to subscribe to the kde-community mailing list at https://mail.kde.org/mailman/listinfo/kde-community to allow them to participate in important discussions and receive other important announcements

Commit 6db70037 authored by Noah Davis's avatar Noah Davis 🌵 Committed by Fabian Riethmayer

Update elevation.rst to match default shadow settings

parent e7107138
Depth, Elevation and Shadows
============================
Athough in recent years "flat" design has taken over the mobile market, KDE has continued to use shadows as a means to provide depth and elevation to elements on the screen.
Athough in recent years "flat" design has taken over the mobile market, KDE has
continued to use shadows as a means to provide depth and elevation to elements
on the screen.
KDE realizes that elevation and depth perception are intrinsic parts of working with computer and mobile interfaces. As you create applications, please be sure to use shadows in the style detailed below.
KDE realizes that elevation and depth perception are intrinsic parts of working
with computer and mobile interfaces. As you create applications, please be sure
to use shadows in the style detailed below.
Shadows should be horizontally-centered, but vertically offset, to provide the illusion that a light source is over the top of the screen. This would, in general, follow your eye position relative to the screen you are working on.
Shadows should be horizontally-centered, but vertically offset, to provide the
illusion that a light source is over the top of the screen. This would, in
general, follow your eye position relative to the screen you are working on.
The default shadow details should be:
- Shadow color: Shade Black (see :doc:`Breeze Colors <color>`)
- Shadow opacity: 35%
- Window shadow size: 64px
- Menu & tooltip shadows size: 16px
- Shadow color: Black (``#000000``)
- Shadow opacity: 100%
- Window shadow size: 48px
- Menu & tooltip shadows size: 20px
.. image:: /img/Shadows_with_background.png
:alt: Example for a shadows of window and menu
REMINDER: Shadows inside apps should use a size of 16px or below, so as not to
REMINDER: Shadows inside apps should use a size of 20px or below, so as not to
compete with the window shadows.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment