How to get the current design package and theme names programmatically on the browser side (with JavaScript)?

[dmitry_fedyuk (Dmitrii Fediuk)]

The current design package name

require.toUrl('').split('/').slice(-4)[0]

The current design theme name

require.toUrl('').split('/').slice(-4)[1]

[dmitry_fedyuk (Dmitrii Fediuk)]

See also:

• How to get the current design theme programmatically on the server side (with PHP)?
• How can an extension add some specific CSS/Less styles for a particular design package or theme?
• How to get the RequireJS base URL (the root URL for Magento 2 static files for browser) with JavaScript?